如何使用屏幕分辨率设置div高度/宽度？

Question

我的屏幕分辨率是2560 x 1440.如果我希望div高度（例如）我的垂直屏幕分辨率（144px）的10％，我该怎么做？

我猜这必须用javascript来完成......？

编辑：

vw和vh不是我需要的。

我需要计算机的整个屏幕分辨率，而不仅仅是vw和vh所做的浏览器窗口。

这篇文章的相似之处确实向用户展示了如何检测屏幕分辨率，但没有具体说明如何使用该屏幕分辨率来修改CSS中的div。

自己想出来......

<script>
    document.getElementById("div").style.height = screen.height + "px";
</script>

Answer 1

你可以通过vh＆amp;设置宽度和高度来做到这一点。例如，vw CSS单位    100vh =视口高度的100％    100vw =视口宽度的100％

或使用媒体查询例如

@media screen and (min-width: 1024px) , screen and (min-height: 768px) {
    /* css for 1024px x 768px resolution and up */
}