响应式网站应设置的视口（viewPort）

时间：2016-08-28 13:41:47 阅读：159 评论：0 收藏：0 [点我收藏+]

代码：

<meta name="viewport" content="width=device-width,initial-scale=1">

解释：

viewport（视口）是计算机或者设备屏幕上你浏览网页的内容宽度。
width=device-width 告诉浏览器以全尺寸渲染页面（不管屏幕尺寸可能是多少），如果没有在viewPort元数据属性中指定设备的宽度，设备将使用它自己默认的视口设置来渲染页面。
initial-scale（初始缩放比）告诉浏览器在屏幕上首次加载网页的时候如何缩放它。使用initial-scale=1意味着页面将按照width属性确定的宽度来渲染，不放大不缩小。

请将上述代码添加到HTML head区域。

原文：http://www.cnblogs.com/nanyubeidou/p/5814763.html

踩

(0)

评论一句话评论（0）

分享档案

更多>