JS window.matchMedia правильный синтаксис - PullRequest
0 голосов
/ 06 сентября 2018

У меня проблема с тем, как написать правильное предложение, отражающее полный запрос CSS @media с размером экрана и ориентация экрана (пример ниже) с JS 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?
}

1 Ответ

0 голосов
/ 06 сентября 2018

Это так же, как CSS. В этом суть.

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