Обновить страницу, когда она проходит ширина

Question

У меня есть сайт, и мне нужно обновить страницу, когда она пройдет ширину 1024 пикселей. Возможно? Мне нужно это, потому что может ширина < 1024 px, я загружаю другой скрипт.

Answer 1

Возможно, что-то вроде этого?

$(window).resize(function(){ 
    if ($(window).width < 1024){ 
    location.reload(); 
    } 
} 

Answer 2

Похоже, что вам необходимо обновить контент, а не просто изменить стиль. Если это так, вы захотите использовать window.matchMedia().

Вот как вы его используете:

var mq = window.matchMedia("(min-width: 500px)");

спички свойство возвращает истину или ложь в зависимости от результата запроса, например,

if (mq.matches) { 
    // window width is at least 500px 
} else { 
    // window width is less than 500px 
} 

Этот фрагмент был taken from here.