隨著高端手機(jī)(andriod,iphone,ipod,winphone等)的盛行，移動(dòng)互聯(lián)應(yīng)用開發(fā)也越來越受到人們的重視，用html5開發(fā)移動(dòng)應(yīng)用是最好的選擇。然而，每一款手機(jī)有不同的分辨率，不同屏幕大小，如何使我們開發(fā)出來的應(yīng)用或頁面大小能適合各種高端手機(jī)使用呢？學(xué)習(xí)html5 viewport的使用能幫你做到這一點(diǎn)……
viewport 語法介紹：
代碼如下:
<!-- html document -->
<meta name=viewport
content=
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
/>
width
控制 viewport 的大小，可以指定的一個(gè)值或者特殊的值，如 device-width 為設(shè)備的寬度（單位為縮放為 100% 時(shí)的 css 的像素）。
height
和 width 相對(duì)應(yīng)，指定高度。
target-densitydpi
一個(gè)屏幕像素密度是由屏幕分辨率決定的，通常定義為每英寸點(diǎn)的數(shù)量（dpi）。android支持三種屏幕像素密度：低像素密度，中像素密度，高像素密度。一個(gè)低像素密度的屏幕每英寸上的像素點(diǎn)更少，而一個(gè)高像素密度的屏幕每英寸上的像素點(diǎn)