隨著高端手機(andriod,iphone,ipod,winphone等)的盛行，移動互聯(lián)應用開發(fā)也越來越受到人們的重視，用html5開發(fā)移動應用是最好的選擇。然而，每一款手機有不同的分辨率，不同屏幕大小，如何使我們開發(fā)出來的應用或頁面大小能適合各種高端手機使用呢？學習html5 viewport的使用能幫你做到這一點……
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 的大小，可以指定的一個值或者特殊的值，如 device-width 為設備的寬度（單位為縮放為 100% 時的 css 的像素）。
height
和 width 相對應，指定高度。
target-densitydpi
一個屏幕像素密度是由屏幕分辨率決定的，通常定義為每英寸點的數(shù)量（dpi）。android支持三種屏幕像素密度：低像素密度，中像素密度，高像素密度。一個低像素密度的屏幕每英寸上的像素點更少，而一個高像素密度的屏幕每英寸上的像素點。
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試