JS window.matchMedia正确的语法

Question

我有一个问题，该如何使用JS window.matchMedia用屏幕大小和屏幕方向（例如波纹管）编写反映完整css @media查询的正确句子，我所能找到的就是尺寸（无方向）和方向（无尺寸）的单独示例。此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