改了一下午的小bug，网页是pc端没事 全屏的没有任何的错误，再试用手机打开 右侧就有20像素的空白，我开始以为是元素定位的原因，就一个部分一个部分的找，翻来覆去的 改了好多代码就是不行，想哭的节奏，在用chorme看的时候网页的布局结构 发现在没有给它设置宽度的时候或者给的宽度是100%
的时候，它默认的最小宽度是980px;
就会出现右侧永远差了二十像素，想了想原因还记得上次我写的媒体查询，移动端把它的视区视为980像素宽，也就是说在没有任何设置的情况下那那么它的宽度就是980，而在手机上就会显示少了20像素的样式，现在说解决办法，控制整个页面宽度的最小值 min-width:1000px; 完美解决。
这样再也不会出现有白边了！如果你的网页版心是980 就不用设置了，因为我的是1000，或者有的更宽可以用这个方法
评论