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

Question

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

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

Answer 1

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

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

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

Answer 2

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

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

Answer 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);
}

Answer 4

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

Answer 5

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

новый: ч <768 || ш <1024 </p>