手机页面不能左右滑动,html禁止手机左右滑动

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

留言与评论(共有 条评论)
   
验证码: