码迷,mamicode.com
首页 > 移动开发 > 详细

移动端禁用横向滚动条

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

标签:ice   题解   flow   color   view   idt   移动端   滚动条   屏幕   

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

 

移动端禁用横向滚动条

标签:ice   题解   flow   color   view   idt   移动端   滚动条   屏幕   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!