meta 之 viewport

整理硬盤中幾個月來整的小東西，移動網頁開發涉及到 viewport，隨意一篇，分享一下。

經常使用的 viewport meta 以下：

 

 

1	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

 

 

一、width : 控制viewport的大小，能夠指定一個值，如600， 或者特殊的值，如device-width爲設備的寬度（單位爲縮放爲100%的CSS的像素）

 

二、height : 和width相對應，指定高度

 

三、initial-scale : 初始縮放比例，頁面第一次加載時的縮放比例

 

四、maximum-scale : 容許用戶縮放到的最大比例，範圍從0到10.0

 

五、minimum-scale : 容許用戶縮放到的最小比例，範圍從0到10.0

 

六、user-scalable : 用戶是否能夠手動縮放，值能夠是：①yes、 true容許用戶縮放；②no、false不容許用戶縮放