<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" />
viewport有如下幾個屬性:
width設置viewport的寬度,即iphone最初模擬PC瀏覽器的寬度,之后iphone會這個寬度展現的頁面同比縮放到iphone屏幕上。設置width=device-width后就不會再進行縮放了,因為寬度正好和iphone的寬度相同(前提是沒有設置縮放比例)。
minimum-scale和maximum-scale是控制用戶允許設置的縮放比例的。
user-scalable標識是否允許對頁面進行縮放,取值有兩個yes和no。設置為no則不允許進行頁面縮放了。
initial-scale設置用戶最初看到頁面時的縮放比例。
target-densitydpi Android 瀏覽器所需要的,因為 Android 硬件設備標準不一, 其中同樣物理尺寸的屏幕,可能因為 dpi 的不同而具有不同的分辨率,
Android 瀏覽器默認會縮放頁面以便最好地呈現, 可惜和 Java 的垃圾回收一樣,它很難做到"最好"。所以最好還是人工指定吧。
target-densitydpi 可以設定的值
device-dpi - Use the device's native dpi as the target dpi. Default scaling never occurs. 設備本身的像素
high-dpi - Use hdpi as the target dpi. Medium and low density screens scale down as appropriate 用高像素,中低像素屏幕適當縮小。
medium-dpi - Use mdpi as the target dpi. High density screens scale up and low density screens scale down. 中等像素,高的屏幕放大,低的變小是默認值
low-dpi - Use ldpi as the target dpi. Medium and high density screens scale up as appropriate 低像素,中高像素會適當變大。
該文章在 2014/2/8 17:30:37 編輯過