缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题

时间:2024-04-05 10:48:36

最近仿了一个静态页面,因为目前还没学到JS,所以只用了HTML和CSS。
body部分没设置固定宽高,在写完以后我缩小浏览器窗口,拖动底部滚动条,发现背景有一部分缺失。如下图:
缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
真的很影响美观,我认为这可能是浏览器的一个bug。
随后我在CSS代码的body部分加了一个“min-width”(因为footer的宽继承于body,所以我就直接加在body处)。
下图是加了以后的CSS代码:
缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
加了以后显示没问题了
缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
这个min-width的数值我取的是我浏览器的宽度。
后来上网查了一下,有人说JS可以解决这类问题,但是目前还没学到,所以就只能用这个凑合吧,下一步就打算开始学习JS。
路漫漫其修远兮,作为一个刚刚开始接触前端的菜鸟,这个博客用来记录我在平时遇到的一些问题和心得,也算是做做总结,积累经验。如果有哪位大神看了以后觉得有一些意见和建议,欢迎指出,我也会虚心学习!