Получить ширину браузера и скрыть элемент в зависимости от размера?

Question

Можно ли определить ширину окна браузера и скрыть элемент на странице, если его значение меньше 1024?

В JQuery что ли? : -)

Answer 1

Вы можете сделать это с помощью медиазапроса CSS .

@media (max-width: 1024px) {
  #someElement { display:none; }
}

Некоторые старые браузеры не поддерживают медиазапросы, поэтому вы также можете использовать jQuery для этого. Этот пример покажет / скроет элемент при изменении размера окна

<div id="someElement">SOME ELEMENT</div>

<script>
  $(function() {
    $(window).bind("resize", function() {
      $('#someElement').toggle($(this).width() >= 1024);    
    }).trigger("resize");
  });
</script>

Answer 2

if ($(window).width() < 1024) {
    $('#someElement').hide();
}

или

$('#someElement').toggle($(window).width() >= 1024);