javascript - 使用 JavaScript 的 CSS 窗口高度

Question

我有一些关于 javascript 和 css 的问题...

问题是我想将值从 javascript 传递到 css...

更具体地说，我想从 javascript 获取窗口高度并将其传递给以像素为单位的 css 高度...

这是我的 CSS:

.fulframe {
    position: relative;
    width: 100%;
    height: TheValueToPass;
    overflow: hidden
}

有什么解决办法吗？我不熟悉 javascript，你能在你的回答中更详细一点吗:-)

Answer 1

您可以仅使用 CSS 来完成此操作。

纯CSS:

.fulframe {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden
}

vh 是浏览器窗口的视口(viewport)高度。这在旧版本的 IE 中是不支持的，所以要小心。虽然它在那里。

2017 年 10 月 26 日更新:我想补充一点，视口(viewport)高度和宽度现在在大多数主流浏览器中都得到广泛支持，Opera 除外。 Can I Use Viewport Units?