Html 将网页缩放到不同屏幕大小的最有效方法

目前，我有一个网站的许多div设置在一定的大小，以保持布局正确

唯一的问题是，在某些显示器上，页脚总是离开底部，您必须滚动到它

我注意到其他网站，无论屏幕分辨率如何，页脚都会自动缩放到屏幕底部

除了遍历我所有的div并对所有高度使用%之外，还有什么方法可以将页脚标记设置为始终位于屏幕底部

我的基本网站有一个页脚，如果在宽屏显示器或更小的分辨率上，它会将页脚从底部推出，你必须滚动到它

---

可以通过更改div的大小来修复，但是有太多的div需要更改。一定有更简单的方法吗

您是否正在搜索将页脚固定到底部？如果是这样，您可以使用CSS实现这一点：

position: fixed;
bottom: 0;

---

如果不使用%，它将无法正确安装在所有屏幕中

你可以试试我用这个来适应所有的屏幕

然后修复页脚

在之前创建一个空div，并将其样式设置为清除：两者 或者你可以试试 位置：固定；底部：0；

---

但无论页面大小如何，这都会始终保持页脚在屏幕上

我可以试试，但是。。。。如果我的内容在你点击一个按钮时打开，页面会变长，这会产生问题吗？我的网站是jj-triggs.com，如果你想要一个参考。Cheeset不会产生任何问题，您的页脚将粘在页面底部，仅此而已。我从来没有使用过任何引导程序，但我认为你可以使用任何引导程序重新设计一个网站……这有助于确保它贴在页面底部，但唯一的问题是我有很多div，允许其他内容扩展到其中，但当它们没有打开时，div仍然会创建一个将页脚向下推的空间。我正在寻找一种方法，将页脚放在屏幕底部，直到内容打开，然后再向下推。是的，这听起来是个好主意，只是我有一些内容，如果点击，将使页面更长，然后我不希望页脚仍然位于覆盖内容的屏幕底部，如果你知道我的意思的话？你想在单击内容时隐藏页脚，或者将页脚移动到其他位置？不是真的隐藏。。。。。。但是，请确保它永远不会与任何内容重叠，并且始终位于底部？我会尽快尝试一下，然后返回给您（：您应该更改标题以反映您需要固定页脚，而不是使您的网站适应不同的大小。