Какое условие можно прописать на js (jquery) чтобы код относился к экранам шириной не более 500px?

Question

[timtimIT]

Здравствуйте.

Какое условие можно прописать на js (jquery) чтобы код относился к экранам шириной не более 500px?
Типо media (max-width: 578px) ... только для js...

Answer 1

[Алексей С.]

var windowWidth = $(window).width();
только надо помнить что при ресайзе окна переменная автоматом не измениться

Comments

[timtimIT]

то есть код не сработает? так а вчем смысл?

[Алексей С.]

timtimIT: при заходе на страницу сработает , но если в процессе работы человек изменит размер окна то уже нет , надо отлавливать resize

[Алексей С.]

$(window).resize(function() {
//ну и обновляем тут переменную или что там вы хотите
});

[timtimIT]

да,понял... впринципе подойдет только при заходе... спасибо!

Answer 2

[Stalker_RED]

Отличный гайд в двух частях про окно, экран, вьюпорт и т.д.
www.quirksmode.org/mobile/viewports.html

var checkWidth = function(){
  if($(this).width() < 500){
    // размер менее 500
  } else {
    // размер более 500
  }
}

$(window).on('resize', checkWidth)