Comming

记录工作中遇到的一个关于CSS的坑

问题:页面的宽度超出了盒子的宽度,盒子出现滚动条了。

正常情况下:

 

 

给盒子的某个父级元素设置一个固定的宽,这里使用的设计稿是基于Iphone6的,也就是750rpx,我设置了宽度为750rpx后,就出现了可以滑动的情况,体验非常不好:

 

 

排查了许久最后才发现是给某个父级元素添加了固定宽度,删除了固定宽度就行了,原理是什么我也没弄清楚,百度也查不到,过段时间问问团队里面的高手再发出来。

有bug的代码:

 

 原因很简单,因为有margin-left。。。

我太蠢了,还是要努力学习。

 

posted @   Sauron831  阅读(157)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示