0

我想为页面添加页脚，但如果用户使页面太小，我不希望页脚与文本重叠。如何在不制作大桌子或大量退货的情况下防止这种情况发生？页脚代码位于包含的页面中。也许有一种方法可以选择何时滚动打开或从顶部 CSS 属性中选择最小值。

我认为我解释得很好，这里有更多解释：

在带有页脚的页面上，有一个标签include('footer.php')。

在 footer.php 中，有一段文本在底部对齐，类似于，

<div style="position: fixed; bottom: 10px">Footer Text</div>

如果用户使窗口太小，文本将与其他所有内容重叠。我宁愿它留在底部并出现一个滚动条。

4

2 回答 2

2

问题尚不清楚，但您可能正在寻找响应式布局。当视口的尺寸低于某个“断点”时，这允许您使用一组不同的 CSS 规则。

具体技术称为媒体查询。当视口太短时，您可以使用它来隐藏页脚，如下所示：

@media screen and (max-height:700px) {
  footer { display: none; }
}
于 2013-07-17T22:53:50.973 回答
1

那么，您可能正在寻找像粘性页脚这样的东西？

于 2013-07-17T22:42:56.543 回答