Question

在我的网站上我有一个标题（这是一个背景图片），下面是一个导航栏。我喜欢标题和导航栏来填充100％的屏幕高度。如果我将标题的高度更改为80％或类似的东西，它只适用于某些桌面大小。在较大的内容区域，您可以看到导航栏下方的内容区域或仅在较小的内容区域中看到导航栏的一部分。

我认为应该可以通过JavaScript一起定义标题和导航栏的大小（标题+导航栏=高度100％）。问题是，我之前从未真正使用过JavaScript，也找不到能够做到这一点的代码。

有人知道该怎么做吗？

Answer 1

您可以使用以下语句设置任何元素的高度。

document.getElementById('id').style.height = "100px";

您可以使用上面的代码并添加逻辑，并应在页面加载时执行代码。