Чтобы получить значения высоты и ширины экрана используя 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); }); });
На этом все. Если у вас остались какие-либо вопросы — пожалуйста задавайте их ниже этой записи.