Проверка размеров экрана в javascript

Question

Каким образом в javascript можно проверить размеры экрана (в if-е) и в зависимости от этой проверки отрисовывать содержимое страницы? Меня интересуют устройства типа IPad (tablet.js) (используются ли в них скролл)?

Answer 1

Это можно это сделать методом matchMedia

function check(){
  if( window.matchMedia("(min-width: 400px)").matches ){
    console.log('подходит');
  } else {
    console.log('не подходит');
  }
}

check();

window.addEventListener( 'resize', check );

Только нужно учитывать, что в медиазапросах может учитываться или не учитываться скроллбар в разных браузерах. Поэтому вместо этого могут лучше подходить более конкретные методы определения. Например document.documentElement.clientWidth.

БЛОГ НА HUSL

Проверка размеров экрана в javascript

Ответы (1 шт):