meta 之 viewport

移動網頁開發涉及到 viewport，随意一篇，分享一下。

常用的 viewport meta 如下：

<code>1</code>

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

1、width : 控制viewport的大小，可以指定一個值，如600， 或者特殊的值，如device-width為裝置的寬度（機關為縮放為100%的CSS的像素）

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

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

4、maximum-scale : 允許使用者縮放到的最大比例，範圍從0到10.0

5、minimum-scale : 允許使用者縮放到的最小比例，範圍從0到10.0

6、user-scalable : 使用者是否可以手動縮放，值可以是：①yes、 true允許使用者縮放；②no、false不允許使用者縮放