首页 > 移动平台 > 详细

移动端禁用横向滚动条

时间:2017-03-12 00:47:16      阅读:235      评论:0      收藏:0      [点我收藏+]

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

 

移动端禁用横向滚动条

原文:http://www.cnblogs.com/vickysi/p/6536562.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!