CSS——viewport視口及設置

一、viewport視口
　　在移動端，viewport視口就是瀏覽器顯示頁面內容的屏幕區域。
　　viewport視口有兩種視口，分別是 visual viewport(可視視口)和layout viewport(布局視口)：
　　　　（1）visual viewport固定大小跟屏幕大小相同，在上面；
　　　　（2）layout viewport可改變大小，在下面。layout viewport默認大小為980像素，可通過document.documentElement.clientWidth獲取
　　現代網頁需要把layout viewport設置成visual viewport同等大小，方便網頁制作。
二、viewport設置
　　通過meta標簽進行設置，name屬性指定viewport值，content屬性進行視口配置
　　<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
　　取值：
　　　　width 　　　　 設置layout viewport寬度的特定值，device-width表示設備寬。
　　　　height 　　　　　　 設置layout viewport高度特定值，一般不進行設置。
　　　　initial-scale 　　　　 　　　　設置頁面的初始縮放
　　　　minimum-scale 　　　　　　  設置頁面的最小縮放
　　　　maximum-scale 　　　　 　　設置頁面的最大縮放
　　　　user-scalable 　　　　 　　  設置頁面能否進行縮放