Высота изменения Jquery на основе размера/размера браузера

Мне было интересно, существует ли способ определить высоту/ширину браузера. То, что я пытаюсь сделать, - установить высоту на div до 500 пикселей, когда размер браузера - 1024x768, а для чего-нибудь ниже я хотел бы установить его на 400 пикселей.

Заранее спасибо

Ответы

Ответ 1

Если вы используете jQuery 1.2 или новее, вы можете просто использовать их:

$(window).width();
$(document).width();
$(window).height();
$(document).height();

Оттуда просто решить высоту вашего элемента.

Ответ 2

$(function(){
    $(window).resize(function(){
        var h = $(window).height();
        var w = $(window).width();
        $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
    });
});

Полосы прокрутки и т.д. влияют на размер окна, поэтому вы можете настроить требуемый размер.

Ответ 3

На основе ответа Чада вы также хотите добавить эту функцию к событию onload, чтобы обеспечить ее изменение при загрузке страницы.

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
}

Ответ 4

Обратите внимание, что есть ошибка с JQuery 1.8.0, $(window).height() возвращает всю высоту документа!

Ответ 5

У меня такое ощущение, что проверка должна быть другой

новый: h < 768 || w < Тысячу двадцать-четыре