iPhone/android的viewport 禁止頁面自動縮放


<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />

屬性解釋:

1.width

width設置viewport的寬度,即iphone最初模擬PC瀏覽器的寬度,之后iphone會這個寬度展現的頁面同比縮放到iphone屏幕上。設置width=device-width后就不會再進行縮放了,因為寬度正好和iphone的寬度相同(前提是沒有設置縮放比例)。

2.minimum-scale和maximum-scale

控制用戶允許設置的縮放比例的。

3.user-scalable

標識是否允許對頁面進行縮放,取值有兩個yes和no。設置為no則不允許進行頁面縮放了。
4.initial-scale

設置用戶最初看到頁面時的縮放比例。
5.target-densitydpi

Android 瀏覽器所需要的,因為 Android 硬件設備標准不一, 其中同樣物理尺寸的屏幕,可能因為 dpi 的不同而具有不同的分辨率,
Android 瀏覽器默認會縮放頁面以便最好地呈現, 可惜和 Java 的垃圾回收一樣,它很難做到"最好"。所以最好還是人工指定吧。
target-densitydpi 可以設定的值
device-dpi - 設備本身的像素
high-dpi -用高像素,中低像素屏幕適當縮小。
medium- 中等像素,高的屏幕放大,低的變小是默認值
low-dpi - 低像素,中高像素會適當變大。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM