移动端禁用横向滚动条

在用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;      
}

 

转载于:https://www.cnblogs.com/vickysi/p/6536562.html