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