HTML: viewport

死记

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

属性

1. width=device-width ：表示宽度是设备屏幕的宽度
2. initial-scale=1.0：表示初始的缩放比例
3. minimum-scale=0.5：表示最小的缩放比例
4. maximum-scale=2.0：表示最大的缩放比例
5. user-scalable=yes：表示用户是否可以调整缩放比例

为什么要这个东西

因为在 iphone 3GS 出现的时候，苹果工程师在 Safari 添加了个功能，使得网页在手机浏览器里会缩小到 980px，用户想看某个地方就放大那个地方。

但是现在偏向于在手机端也做一个网站，像简书，PC端是一个网页，但是用手机看布局会变得和手机 APP 差不多，如果这时间再去缩小就不合适了，所以要强制浏览器不缩小网页。于是就有了上面的 meta:vp