如何确定用于媒体查询的确切值？

Question

使用时

@media all and (min-width:400px) { ... }

我可以使用css

if(window.matchMedia("(min-width: 400px)").matches)

或javascript

screen.width

根据屏幕阈值来设置/构建页面。

如何确定宽度的确切值（除了通过javascript缩小）？

某些测试表明使用的值与{{1}}中的值相同。真的吗？在任何情况下？

Answer 1

window.innerWidth和window.innerHeight。 screen.width是整个屏幕的宽度，可能比窗口大。