css - 固定页脚和短屏幕

Question

对于如何使固定定位的页脚在短屏幕/较低分辨率下工作，您有什么建议吗？

我有页脚:

#footer {position: fixed; bottom: 0; width: 100%;  height: 35px; background: rgba(0, 0, 0, 0.3); line-height: 35px; color: #fff; font-size: 14px; text-transform: uppercase}

这在大多数分辨率下都可以正常工作，但是当屏幕高度小于 900px 时，因为它是固定的，所以它会与内容重叠。你如何解决这些问题？我正在考虑用 js 检查屏幕分辨率，然后而不是 fixed 给它position:relative。你怎么看？

Answer 1

它真的必须修复吗？一些浏览器的支持仍然有点草率......如果它是绝对定位的，你可以在主要内容中添加一个填充，这样页脚就不会与内容重叠。

无论如何，您尝试做的事情可以通过 css 媒体查询轻松完成。您可以从这里开始:http://css-tricks.com/css-media-queries/