首页 > HTML/CSS

解决浏览器窗口变小后右侧出现空白背景颜色或者图片不能全屏填充的方法

发表于2015-07-10 15:14:46| --次阅读| 来源webkfa| 作者html,css

摘要:在做全屏网页的时候会出现这样的情况:窗口最大化显示时正常,当缩小窗口时,出现了滚动条,将滚动条拖动到右侧就会出现空白,背景颜色都不显示但是元素还在例如下图:全屏显示正常的,然后把窗口缩小就会出现这样的效果,解决办法就是给body加一个最小高度,至于数值大小取决于网页的基本宽度,或者就是你导航元素占据...

在做全屏网页的时候会出现这样的情况:

窗口最大化显示时正常,当缩小窗口时,出现了滚动条,将滚动条拖动到右侧就会出现空白,背景颜色都不显示但是元素还在例如下图:

全屏显示正常的,然后把窗口缩小

就会出现这样的效果,解决办法就是给body加一个最小高度,至于数值大小取决于网页的基本宽度,或者就是你导航元素占据的宽度(不是背景),就以此网页为例,网页主体1200px那么就在css中添加最小高度

body{
   min-height:1200px;
}

 

 

然后问题就解决了

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1