Jquery根據瀏覽器大小/調整大小更改高度

Question

我想知道是否有辦法確定瀏覽器的高度/寬度。 我想要做的是在瀏覽器大小為1024x768時將div的高度設置為500px，對於任何更低的值，我想將其設置為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

基於Chad的答案，您還希望將該函數添加到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有一個bug，$（window）.height（）返回所有文件高度！

Answer 5

我覺得檢查應該是不同的

新：h <768 || w <1024