在移动端开发或移动端适配中,有时会遇到双击页面中的内容,页面放大的情况。这不是我们想要的效果。我们需要找到样式上的错误,改正过来。
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.找到超出页面宽度的标签:
使用不同的方法代替。