css：如何在 css 中获取屏幕高度？

Question

 .visitcard-ipcashier {
    position: fixed;
    background: white;
    top: 0;
    right: 0;
    height: 95%;
    overflow: auto;
    z-index: 50;
}

在上面的代码中，我使用了 93% 的高度属性。但这取决于屏幕。如何在css中获取屏幕高度？

原文由 Raghul 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您无法“获取”视口高度，就像您可以使用 JS 将其存储在变量中一样，但您可以在 calc() 中使用它来更改元素的高度。例如， height: calc( 100vh - 50px ); 相当于“窗口高度小于 50px”。

原文由 Peter HvD 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在这种情况下，我建议您使用 vh （数百个视口高度）：如果您设置 height: 100vh; 它将占用每个屏幕的 100% 高度。

代码示例

原文由 besartm 发布，翻译遵循 CC BY-SA 4.0 许可协议