Получить высоту и ширину экрана с jQuery

· jQuery и Снипеты · 1 мин чтения

Чтобы получить значения высоты и ширины экрана используя jQuery можно использовать скрипт ниже.

Демо

jQuery

var $height = $(window).height(); // Высота экрана 
var $width = $(window).width(); // Ширина экрана

Если получается так, что высота или ширина постоянно меняются, то можно использовать функцию $(window).on('resize'), которая позволит отлавливать изменение пропорций экрана.

Пример полного скрипта ниже:

$(function() {
    $(window).on('load resize', function() {
        var $height = $(window).height();
        var $width = $(window).width();
        
        $('body').html('Высота: ' + $height + 'px
Ширина: ' + $width + 'px

Вместе: ' + $height + 'x' + $width);
    });
});

На этом все. Если у вас остались какие-либо вопросы — пожалуйста задавайте их ниже этой записи.