h5页面防止左右滑出空白部分的问题

最新推荐文章于 2023-08-09 18:11:02 发布

原创最新推荐文章于 2023-08-09 18:11:02 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了解决H5页面中防止左右滑动出现空白区域的问题。通过设置viewport的meta标签和CSS样式，如overflow-x属性和-webkit-overflow-scrolling属性，可以有效避免H5页面在移动端设备上滑动时显示空白部分。


## h5页面防止左右滑出空白部分的问题

解决方法:设置meta标签,以及css样式=>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
html,body{overflow-x:hidden;-webkit-overflow-scrolling: touch;}