删除监视器大小创建的额外空间

时间:2014-04-07 21:55:09

标签: html css

我正在为客户工作的网站,并遇到了一个问题,部分原因是内容和监视器尺寸不足。我的客户端没有足够的内容来占用我为网站内容部分的最小高度设置的最小550px,在页脚和实际内容之间留下了很大的空间。

据我所知,删除最小高度可以让页脚按照预期上升到内容的底部,但也会在更高分辨率的显示器(1440x900及更高版本)上在页脚下方创建一个大的“空白”空间)。

所以现在的问题是:有没有办法删除两部分空白区域,或者我只能选择哪个部分我宁愿空白?从我玩CSS的各个部分开始,似乎我必须选择其中一个。

目前的演示网站位于:http://bigbluedemo.weebly.com

2 个答案:

答案 0 :(得分:0)

您可以考虑使用CSS媒体查询来确定页面的高度并相应地调整页脚。

@media screen and (min-height: ...px) and (max-height: ...px) {
    footer_selector {
        position: fixed;
        bottom: 0;
    }
}

您可以使用上述理论将页脚固定在某些高度的屏幕底部。有plenty out there on media queries

然而,在某处仍然会有空间。

答案 1 :(得分:0)

感谢大家的意见。

我的客户(具有网络开发背景),能够查看代码并找到他满意的解决方案(我认为他减少了内容部分的最小高度值)。 @ChrisBrown - 我没有考虑使用媒体查询,但下次我至少有另一种攻击方法。

再次感谢!