Если разрешение экрана меньше, чем x append css

Попытка изменить css элемента, если разрешение экрана меньше 960px

мой код не работает, не видя каких-либо ошибок в firebug.

<script type="text/javascript">
jQuery(window).resize(function() {
  if (jQuery(window).width() < 960) {
    jQuery(".snow").css('display', 'none');
  }
});
</script>

Ответ 1

Вы можете сделать это полностью с помощью CSS с помощью команды @media.

@media (max-width:960px) { css... } //nothing with screen size bigger than 960px

@media (min-width:960px) { css... } //nothing with screen size smaller than 960px

Смотрите здесь

Джейсон Уитт делает хороший момент, это только CSS 3, поэтому он не будет работать со старыми браузерами (хотя он должен работать со всеми современными браузерами). См. здесь для обеспечения совместимости. Ваши основные проблемы будут IE 8 и менее.

Изменить - выбор устройства

@media screen { .nomobile { display: block; } } //desktops/laptops

@media handheld { .nomobile { display: none; } } //mobile devices

Или вы могли бы предположить, что мобильные устройства будут иметь меньшую ширину и продолжатся.