为了账号安全,请及时绑定邮箱和手机立即绑定

用BootStrap写的页面,在手机端滑动时右侧出现留白

标签:
PHP Bootstrap

项目今晚就验收了,之前一直在网页上F12,木有真机测试,蓦然间发现主页左右滑动竟然有留白,检查了半天也布吉岛啥请情况,果断懵逼,于是找度娘,找到了一种解决方法,其他小伙伴如果也遇到这种情况不妨把解决方法留一下。

图片描述

问题的原因呢,讲了一大推地址在这原因描述,不过俺不是专业的前端,也就没看进去,把解决方法列一下,就是复写BootStrap的一些样式:

/* 需要在 bootstrap.css 之后调用 */
/*  15px for iPhone Start */
.row{margin:0;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding:0;} 
/* 15px for iPhone Over */ 

就这了。

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
82
获赞与收藏
1103

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消