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

This question already has answers here:

How to detect the screen resolution with JavaScript?
                                
                                    （11个答案）
                                
                        
                                3年前关闭。
            
                    
我的屏幕分辨率为2560 x1440。如果我希望divs高度为（例如）垂直屏幕分辨率（144px）的10％，我该怎么做？

我猜想这必须使用javascript ...吗？

编辑：

vw和vh不是我所需要的。

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

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

我自己想通了...

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

最佳答案

您可以通过以vh和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 */
}

关于javascript - 如何使用屏幕分辨率设置div的高度/宽度？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41234578/