JS игнорирует условие

Question

$(document).ready(function() {
if ((screen.width==240) )
{
 $('.verybig').hide();
}
else
{ 
  $('.verybig').show();
}
});  

Я хочу, чтобы мобильные устройства с экраном 240px скрывали класс "очень больших" элементов пользовательского интерфейса. Вышеупомянутое выглядит как правильное условие? Я не могу найти какой-либо образец поведения кода совершенно непредсказуемым образом.

Answer 1

Я думаю, что вы хотите использовать меньше или равно.

$(document).ready(function() {
    if (screen.width<=240) {
        $('.verybig').hide();
    } else { 
        $('.verybig').show();
    }
});  

Вы можете рефакторинг это до этого:

$(function() {
    $('.verybig').toggle(screen.width > 240);
});