理想视口
关于移动端的meta name=”viewport”的使用
标准的理想视口如下：
1 | <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"> |
普通的理想视口如下：
1 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
标准的写法比普通的写法 多了一些设置。
- 使用标准的写法可以一些莫名其妙的问题 （触屏事件中的clientX/Y和pageX/Y的演示）
- 使用普通的写法可能会出现一些莫名其妙的问题
在写项目中建议使用标准的写法
参数的描述 了解即可
- meta标签用来描述或设置一个HTML网页文档的属性
- content 要设置或者描述的内容
- width 设置视口的宽度 device-width等于屏幕的宽度
- initial-scale 页面打开的时候视口放大的倍数 值:1
- user-scalable 是否允许用户缩放页面 值：no
- maximum-scale 如果允许放大的话 最大放大多少倍 值 ：1
- minimum-scale 如果允许放大的话 最小放大多少倍 值 ：1
