HTML: viewport
2019-01-28 本文已影响2人
写代码的海怪
死记
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
属性
- width=device-width ：表示宽度是设备屏幕的宽度
- initial-scale=1.0：表示初始的缩放比例
- minimum-scale=0.5：表示最小的缩放比例
- maximum-scale=2.0：表示最大的缩放比例
- user-scalable=yes：表示用户是否可以调整缩放比例
为什么要这个东西
因为在 iphone 3GS 出现的时候，苹果工程师在 Safari 添加了个功能，使得网页在手机浏览器里会缩小到 980px，用户想看某个地方就放大那个地方。
但是现在偏向于在手机端也做一个网站，像简书，PC端是一个网页，但是用手机看布局会变得和手机 APP 差不多，如果这时间再去缩小就不合适了，所以要强制浏览器不缩小网页。于是就有了上面的 meta:vp
