移动端禁用横向滚动条
在用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; }