viewport属性表示设备屏幕上能用来显示网页的区域

视口常用属性

viewport属性表示设备屏幕上能用来显示网页的区域，具体而言，就是移动浏览器上用来显示网页的区域。<meta>标签中viewport属性首先是由苹果公司在Safari 浏览器中引入的，目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿，引入来对viewport属性的支持。表6-8列出来viewport属性中常用的属性值及含义。

注意：

*  viewport 标签只对移动端浏览器有效，对 PC 端浏览器是无效的

*  当缩放比例为 100% 时，dip 宽度 = CSS 像素宽度 = 理想视口的宽度 = 布局视口的宽度

*  单独设置 initial-scale 或 width 都会有兼容性问题，所以设置布局视口为理想视口的最佳方法是同时设置这两个属性

*  即使设置了 user-scalable = no，在 Android Chrome 浏览器中也可以强制启用手动缩放

来源：服务器，转载请保留出处和链接！

本文链接：http://www.cau168.com/post/153.html