html - 如何将 : I would like to have several rectangles (box? ) 自动调整为浏览器的高度

Question

好吧，我知道我的问题可能不太清楚，但我确实有一个非常简单的例子，我可以指导你更好地理解我的问题。查看此网站 http://www.spelltower.com这是一个带有 anchor 的简单单页布局。我喜欢这样一个事实:当您转到某个部分时，彩色矩形始终会根据浏览器的高度进行调整，即使您在网站上进行了更改也是如此。基本上，每个矩形(代表站点上的一个部分)总是填满浏览器的窗口，即使您调整它的大小也是如此。

我想在我的网站上做类似的事情。任何帮助，将不胜感激。我希望这可以通过简单的 html 代码来完成。我使用 Adob​​e Muse 来完成我网站的大部分工作。

Answer 1

对于宽度，您可以在 css 中使用 width=100% 选项。但是对于高度，您必须使用 javascript 来获取视口(viewport)高度并将其分配给 div。您可以使用 $(window).height() 来获取浏览器的高度。