您当时的方位:主页 > 作业笔记

处理:bootstrap开发导致部分手机端左右晃动

2016-05-08  

 

 

bootstrap  手机端左右晃动

 

 

最近使用bootstrap开发了几个网站的前台(本站www.codeforacause.net便是使用bootstrap改版),在manbetPC端一切都很正常。但是在手机移动端,发现内容能够用手指细微的左右拖动,关于用户体会十分欠安。

 

关于这个问题,咱们首要必定考虑是某个内部宽度和外框宽度导致的。通过逐渐剖析和查找问题,最终总算找到问题所在。只需呈现row嵌套就会,手机端就会左右晃动。所以,咱们查找row的css样式表,发现row默认设置左右边距都要缩小15个像素。由于依照下面处理方法:

 

处理方法如下:

 

 

 

找到文件:bootstrap.min.css 

 

翻开并查找.row   找到:

.row{margin-right:-15px;margin-left:-15px}

 

修改为.row{margin-right:0px;margin-left:-15px}

或许改为.row{margin-right:-10px;margin-left:-15px}

 

 

 

 

 

 

原创
文章