学习笔记——移动端双击后页面放大原因及解决方案

在移动端开发或移动端适配中,有时会遇到双击页面中的内容,页面放大的情况。这不是我们想要的效果。我们需要找到样式上的错误,改正过来。


1.原因:

造成该情况的大部分原因是:写页面样式时,某一标签的宽度大于了页面的宽度,出现了横向滚动条。

2.解决方案:

1.设置meta属性:

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

通过maximmum-scale属性强制规定不能缩放屏幕大小。

2.找到超出页面宽度的标签:

使用不同的方法代替。

猜你喜欢

转载自blog.csdn.net/qq_41339126/article/details/114282974
今日推荐