css:如何在css中获得屏幕高度？

Question

​

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

​

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

Answer 1

您不能以JS将其存储在变量中的方式“获得”视口高度，但可以在calc()中使用它来更改元素的高度。例如，height: calc( 100vh - 50px );，它等于“窗口高度减去50 to”。

Answer 2

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

代码示例

Answer 3

您需要使用javascript来获取屏幕信息。