手机页面不能左右滑动,html禁止手机左右滑动
问题描述
找到的h5页面在手机上可以向右滑动,导致样式有问题~
问题排查
原因一:没有进行移动端适配
将以下内容添加到html标题中:
meta= viewport content= width=device-width,initial-scale=1.0,user-scalable=no width=device-width表示页面宽度等于设备宽度。Initial-scale=1.0表示初始页面宽度等于设备宽度的1倍。User-scalable=no表示不能更改原因二:页面元素宽度超过了设备宽度。
经过以上配置,我的问题还没有解决。通过检查元素,发现我的页面中元素(紫色部分)的宽度超过了设备的宽度,导致页面滑动。
修改过宽的元素的css后,问题就解决了。
这就是本文的全部内容。希望对大家的学习和支持有帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。