width为100%时浏览器缩小回出现空白的地方

img


当我设置min-width时,换成屏幕小的浏览器还是出现这种情况,那么无论什么屏幕都可以完美的展现出来不出现空白的bug,并且浏览器缩小时页面也可以同等的缩小呢?

你这个出现的原因是因为你的ul设置了800 你浏览器的宽度小于800过后,外层的head-top由于设置的100%,他的宽度就会小于800,当你横向滚动的时候 就会出现白色的问题。
解决方案嘛,给你的ul也给一个和top一样的背景色,或者给你的top最小宽度设置为800

img