jquery 根据浏览器大小更改高度/调整大小

xv8emn3q  于 2022-12-22  发布在  jQuery
关注(0)|答案(5)|浏览(145)

我想知道是否有一种方法可以确定浏览器的高度/宽度。我尝试做的是当浏览器大小为1024 x768时,将div的高度设置为500 px,如果低于此值,我希望将其设置为400 px。

6yt4nkrj

6yt4nkrj1#

如果您使用的是jQuery 1.2或更高版本,您可以简单地使用这些:

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

从那里决定你的元素的高度是一件简单的事情。

0yg35tkg

0yg35tkg2#

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

滚动条等对窗口大小有影响,所以你可能想要调整到所需的大小。

62o28rlo

62o28rlo3#

基于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);
}
jutyujz0

jutyujz04#

注意,Jquery 1.8.0有一个bug,$(window).height()返回所有文档的高度!

g2ieeal7

g2ieeal75#

我觉得支票应该有所不同
新增:h〈768|| w〈1024

相关问题