浏览器窗口最大时,效果正常;
浏览器窗口缩小时,效果异常。
这是因为header和nav的背景色不是版心容器container的宽度,而是body的宽度,body的宽度是浏览器窗口的宽度,所以当浏览器窗口变小时,background-color的宽度也跟着缩小,所以需要给body设置最小宽度min-width,一般为ui设计图时的宽度。
浏览器窗口最大时,效果正常;
浏览器窗口缩小时,效果异常。
这是因为header和nav的背景色不是版心容器container的宽度,而是body的宽度,body的宽度是浏览器窗口的宽度,所以当浏览器窗口变小时,background-color的宽度也跟着缩小,所以需要给body设置最小宽度min-width,一般为ui设计图时的宽度。