文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用屏幕分辨率设置div高度/宽度？

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

Stack Overflow用户

提问于 2016-12-20 11:45:33

回答 1查看 316关注 0票数 0

我的屏幕分辨率是2560x1440。如果我希望div的高度是(例如)垂直屏幕分辨率(144px)的10%，我该怎么做呢？

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

编辑：

我需要我电脑的整个屏幕分辨率，而不仅仅是浏览器窗口的分辨率，而这正是vw和vh所做的。

这篇文章类似的问题确实向用户展示了如何检测屏幕分辨率，但并没有特别说明如何使用屏幕分辨率来修改CSS中的div。

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

发布于 2016-12-20 11:51:01

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

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41234578

复制

相似问题

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