手机页面不能左右滑动,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的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。