初识meta的viewport

最新推荐文章于 2013-12-14 17:33:23 发布

原创最新推荐文章于 2013-12-14 17:33:23 发布 · 137 阅读

CC 4.0 BY-SA版权

文章标签：

78 篇文章

订阅专栏

74 篇文章

订阅专栏

本文详细解释了如何使用viewport属性来控制网页在不同设备上的显示尺寸，包括宽度、高度、初始缩放比例等关键参数，确保网页在各种设备上都能获得最佳的用户体验。

设置viewport：

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

width --------- 控制viewport的宽度，可以设置一个具体的值（如600），device-width为设备的宽度
height --------- 控制viewport的高度，可以设置一个具体的值（如600），device-height为设备的高度
initial-scale ------- 初始缩放的比例，是一个浮点值
maximum-scale ------- 用户缩放的最大比例
minimum-scale ------- 用户缩放的最小比例
user-scalable --------- 用户是否可以手动缩放，默认yes，如果设置no的话,minimum-scale和maximum-scale会被忽略