meta标签设置问题

最新推荐文章于 2022-05-31 21:28:58 发布

浅听记忆2

最新推荐文章于 2022-05-31 21:28:58 发布

阅读量165

点赞数

分类专栏：移动端

本文链接：https://blog.csdn.net/qq_41716949/article/details/96438482

版权

移动端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

// content有以下属性值
/*
    1.width:可设置数值，也可设置字符（device-width）
    2.initial-scale：设置页面的初始缩放值，为一个数字，可以带小数
    3.minimum-scale：允许用户的最小缩放值，为一个数字，可以带小数
    4.maximum-scale：允许用户的最大缩放值，为一个数字，可以带小数
    5.height：一般不用，设置高度的
    6.user-scalable：是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许
 */

单独设置 initial-width=1 和设置 width=device-width的效果一样，但是iphone、ipad以及IE 会横竖屏不分

同事设置可避免这个问题，initial-scale=1 解决了 iphone、ipad的毛病，width=device-width则解决了IE的毛病