javascript - JS window.matchMedia 正确语法

Question

我有一个问题，即如何用 JS 编写一个正确的句子来反映完整的 css @media 查询与屏幕尺寸和屏幕方向（示例波纹管）window.matchMedia，我能找到的只是一个单独的大小（无方向）和方向（无大小）示例. 这个 CSS 示例的正确语法是什么：

 @media only screen and (min-width: 483px) and (orientation: landscape) {}

在这段代码中：

if (window.matchMedia("(orientation: portrait)").matches) {
   // how to add a screen size to this exact code?
}

Answer 1

它与 CSS 相同。这就是重点。

window.matchMedia("only screen and (min-width: 483px) and (orientation: landscape)").matches