移动端禁用横向滚动条

Posted 2020-09-04

在用bootstrap制作移动开发的时候，发现宽度并未超过屏幕宽度时，依然出现横向滚动条。

问题解决：

1、查看是否在head里面加入

/*等比例缩放*/
<meta name="viewport" content="width=device-width, initial-scale=1.0">
/*禁止缩放*/
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

2、查看width:100%的元素是否有内外边距，使宽度超过100%

3、添加以下CSS代码

html，body{
    overflow-x: hidden;      
}