【问题标题】:Fixed bottom bar leaves gap below when window is large (responsive design)当窗口很大时,固定底部栏在下方留下间隙(响应式设计)
【发布时间】:2013-04-27 08:29:20
【问题描述】:

我遇到了一个问题,我似乎无法用我的代码查明。

我的页面位于seamonkeymedia.co.nz/secondary.php

这个问题似乎只有在WINDOW HEIGHT很大的时候才会出现,你可以通过缩小页面高度并观察导航栏下方的间隙消失来尝试一下。

基本上我需要将底部栏固定到窗口的底部 - 就像这是一个 iPad 应用程序一样。

任何建议都会有所帮助。我一直在玩所有容器元素的填充和边距,但这不应该是真正的问题。我在这里完全没有想法。

因为我使用的是样板和响应 - 在浏览器中查看我的代码要容易得多。如果这是一个问题,请原谅我。

【问题讨论】:

    标签: html css responsive-design


    【解决方案1】:

    您在#footer 元素上设置了 15% 的高度。这应该是 88 像素,因为这是您的背景图片的大小。

    【讨论】:

    • @derek - 不确定我是否在关注该评论。
    • 我需要调整页脚和图像的大小。他们做得很好,所以我看不出这是一个问题——CSS允许图像调整大小,除非它的高度以像素为单位指定——它不是
    • 你说得对,我很抱歉。我将背景重复从“repeat-x”更改为“repeat”并修复了它,但是我希望图像重新调整高度。我会解决这个问题,但你已经解决了我的问题。谢谢凯
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-21
    • 2017-11-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多