Viewport

一個移動專屬的Meta值，用於定義視口的各類行爲

layout viewport(佈局視口)

視口的分辨率接近於PC顯示器

visual viewport(視覺視口)

手持設備物理屏幕的可視區域

ideal viewport(完美視口)

它相似於佈局視口，但寬度和視覺視口相同，用戶不用縮放和拖動網頁就可以很好的進行網頁瀏覽。而完美視口也是經過viewport meta的某種設置來達到

參數設置：

• width 控制Viewport的寬度,能夠指定一個值或者設備的寬度,如device-width爲設備的寬度(單位爲設備縮放比例1:1的像素),這裏設置的寬度等於設備寬度;
• initial-scale 初始縮放,即頁面初始縮放程度.對應的值是一個浮點值,這裏是一個乘積關係,頁面呈現大小等於設置的寬度乘以initial-scale的值;
• maximum-scale 最大縮放,即容許用戶縮放的最大比例,也是乘積關係.通常設置爲1:1的比例不會讓用戶縮放的;
• minimum-scale 最小縮放,如上;
• user-scalable 用戶是否能夠手動縮放,通常值設爲no,不容許用戶縮放;

讓viewport的寬度爲設備寬度，在viewport中佈局完成後顯示在屏幕上時不縮放，即佈局是怎樣，顯示就是怎樣。這樣咱們在製做網頁時只須要直接針對手機屏幕大小進行設計:

<meta name="viewport" content="width=device-width,initial-scale=1.0" />