meta 标签里属性值 viewport小结

页面在移动设备中,展现方式,是否能缩放需要设置

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

解释说明:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

 

下面看看 Bootstrap框架和Amaze框架里对name="viewport"的说明

Bootstrap框架

Amaze框架

总之如果编写的页面只是适应手机和平板设备则最好禁止缩放

 

推荐:http://www.cnblogs.com/2050/p/3877280.html  (全面的解释viewport)

posted @ 2015-10-08 14:01  之乐之  阅读(268)  评论(0)    收藏  举报