当前位置：文江博客话题详情

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

发布于 2024-07-19 02:50:37 字数 99 浏览 1 评论 0原文

我想知道是否有办法确定浏览器的高度/宽度。我想要做的是，当浏览器尺寸为 1024x768 时，将 div 的高度设置为 500px，对于任何较低的高度，我想将其设置为 400px。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

洋洋洒洒 2024-07-26 02:50:37

如果您使用的是 jQuery 1.2 或更新版本，您可以简单地使用这些：

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

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

If you are using jQuery 1.2 or newer, you can simply use these:

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

From there it is a simple matter to decide the height of your element.

回复收藏 0 原文

夜灵血窟げ 2024-07-26 02:50:37

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

滚动条等会对窗口大小产生影响，因此您可能需要调整到所需的大小。

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

Scrollbars etc have an effect on the window size so you may want to tweak to desired size.

回复收藏 0 原文

明月夜 2024-07-26 02:50:37

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

Building on Chad's answer, you also want to add that function to the onload event to ensure it is resized when the page loads as well.

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

回复收藏 0 原文