码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-07-09 19:34:39      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

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

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

技术分享

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

技术分享

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

body{
   min-height:1200px;
}

技术分享

 

 

然后问题就解决了

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

标签:

原文地址:http://www.cnblogs.com/yy-hh/p/4633808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!