Задать вопрос
Ответы пользователя по тегу Разрешение экрана
  • Как реализовать медиазапрос на js?

    @mr-molodoy
    Не совсем ясно, что Вы имеете ввиду. Для чего Вам использовать цикл? Если Вы будете в цикле при каждой итерации проверять размер какого либо блока и плюс еще производить те или иные расчеты и / или манипуляции основываясь на этих данных, то готовьтесь к адским мучениям с производительностью.
    Как Вы сами же и упомянули в javascript имеется событие на изменение размера окна браузера. В jQuery к нему можно обратится как:
    $(window).resize(function () {
        console.log( $( window ).width() ); // Запишем в консоль новый размер
    });

    или
    $(window).on('resize', function () {
        console.log( $( window ).width() ); // Запишем в консоль новый размер
    });


    Вот Вам для примера набросал код на jsfiddle который демонстрирует всю работу.
    Красный квадрат должен изменять свой цвет на зеленый если размер окна Вы измените на 620, либо меньше пикселей в ширину и при этом поменяет свой цвет обратно, если вы увеличите ширину окна.

    Код: https://jsfiddle.net/cxnesxej/2/
    Результат в отдельном окне: https://jsfiddle.net/cxnesxej/2/embedded/result/
    Ответ написан
    3 комментария