Архіви позначок: верстка

Маленька хитрість верстальника – ширина вікна браузера

Поширте інформацію:

Верстаючи веб-сторінку адаптивно, змінюють розмір вікна браузера, щоб побачити, як вона себе поводить. При цьому зручно відразу слідкувати за шириною вікна, щоб знати, яку ширину писати в media queries.

Для цього на сторінку можна додати теґ на кшталт

<div id="measure" style="position:fixed;left:50%;top:50%;z-index:12000"></div>

І скрипт на jQuery

jQuery(function($) {
    $('#measure').text("Width of window: " + $(window).width());
    $(window).resize(function() {
        $('#measure').text("Width of window: " + $(window).width());
    });
});