缩小浏览器窗口,拉动底部滚动条,出现背景缺失问题
2017-11-22 20:42
344 查看
最近仿了一个静态页面,因为目前还没学到JS,所以只用了HTML和CSS。
body部分没设置固定宽高,在写完以后我缩小浏览器窗口,拖动底部滚动条,发现背景有一部分缺失。如下图:
真的很影响美观,我认为这可能是浏览器的一个bug。
随后我在CSS代码的body部分加了一个“min-width”(因为footer的宽继承于body,所以我就直接加在body处)。
下图是加了以后的CSS代码:
加了以后显示没问题了
这个min-width的数值我取的是我浏览器的宽度。
后来上网查了一下,有人说JS可以解决这类问题,但是目前还没学到,所以就只能用这个凑合吧,下一步就打算开始学习JS。
路漫漫其修远兮,作为一个刚刚开始接触前端的菜鸟,这个博客用来记录我在平时遇到的一些问题和心得,也算是做做总结,积累经验。如果有哪位大神看了以后觉得有一些意见和建议,欢迎指出,我也会虚心学习!
body部分没设置固定宽高,在写完以后我缩小浏览器窗口,拖动底部滚动条,发现背景有一部分缺失。如下图:
真的很影响美观,我认为这可能是浏览器的一个bug。
随后我在CSS代码的body部分加了一个“min-width”(因为footer的宽继承于body,所以我就直接加在body处)。
下图是加了以后的CSS代码:
加了以后显示没问题了
这个min-width的数值我取的是我浏览器的宽度。
后来上网查了一下,有人说JS可以解决这类问题,但是目前还没学到,所以就只能用这个凑合吧,下一步就打算开始学习JS。
路漫漫其修远兮,作为一个刚刚开始接触前端的菜鸟,这个博客用来记录我在平时遇到的一些问题和心得,也算是做做总结,积累经验。如果有哪位大神看了以后觉得有一些意见和建议,欢迎指出,我也会虚心学习!
相关文章推荐
- 缩小窗口,拉动下方滚动条。背景缺失解决方案
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- 解决浏览器窗口缩小出现白色背景的bug
- width:100%缩小窗口时背景图片出现空白bug(转载)
- 浏览器缩小出现滚动条
- 缩小浏览器窗口右边出现空白
- CSS缩小窗口时,背景图出现右侧空白
- ExtJs:ViewPort容器在浏览器窗口缩小后的不显示拖动条问题
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- 一个很新手的问题,当浏览器的窗口缩小时页面排版会乱
- 缩小窗口时CSS背景图出现右侧空白BUG的解决方法
- 缩小窗口时CSS背景图出现右侧空白BUG的解决方法
- 关于width:100% 缩小窗口时 背景图片出现空白bug
- width:100%缩小窗口时背景图片出现空白bug
- H5解决浏览器,微信背景的上下滑动问题,脱离窗口的js局部滚动解决方法
- 缩小窗口时CSS背景图出现右侧空白BUG的解决方法
- 解决浏览器窗口变小后右侧出现空白背景颜色或者图片不能全屏填充的方法
- 缩小窗口时CSS背景图出现右侧空白BUG的解决方法