Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jQuery更改屏幕分辨率时执行某些操作_Jquery_Height_Screen Resolution - Fatal编程技术网

使用jQuery更改屏幕分辨率时执行某些操作

使用jQuery更改屏幕分辨率时执行某些操作,jquery,height,screen-resolution,Jquery,Height,Screen Resolution,我想在页面加载时将div的高度设置为窗口的高度 因此,我使用了以下代码: $(document).ready(function () { var x = screen.availWidth; var y1 = screen.availHeight; var y2 = screen.Height; var w = $(window).height(); var d = $(do

我想在页面加载时将div的高度设置为窗口的高度

因此,我使用了以下代码:

 $(document).ready(function () {
            var x = screen.availWidth;
            var y1 = screen.availHeight;
            var y2 = screen.Height;
            var w = $(window).height();
            var d = $(document).height();
            alert('availHeight : ' + y1);
            alert('Height : ' + y2);
            alert('window : ' + w);
            alert('document : ' + d);
            $('#OuterDiv').css({ 'height': w });
            //alert($('#OuterDiv').css('height'));
        });   //End Of $(document).reedy
问题1:

当屏幕分辨率改变时,div仍具有以前的高度。
我怎样才能解决这个问题

问题2:

我希望该div的高度为100%,并且由于一些css问题,我使用了jQuery。
但当页面加载时(在页面加载期间),div的高度就是其内容的高度,在jQuery工作之后,该div获得窗口的高度

我认为这在页面加载时不好。
如何解决此问题

高度:100%
不适用于该div:

原因如下->


提前感谢

您可以像这样捕获调整大小事件:

$(window).resize(function() {
    alert($(window).width());
    alert($(window).height());
});
如果要立即调整大小,请将脚本从就绪事件中取出,并将其内联放置在
div
的正下方(也可以在就绪时再次调用它)

例如

内容
$('#myDiv').height($(window.height());

您可以这样捕获调整大小事件:

$(window).resize(function() {
    alert($(window).width());
    alert($(window).height());
});
如果要立即调整大小,请将脚本从就绪事件中取出,并将其内联放置在
div
的正下方(也可以在就绪时再次调用它)

例如

内容
$('#myDiv').height($(window.height());

有什么理由不能直接使用CSS吗?如果你将身体的宽度和高度设置为100%,并绝对定位你的div,你应该达到同样的效果

下面是您正在查找的jQuery事件,它将#box设置为窗口的宽度和高度

$(document).ready(function() {
    var resizeBox = function() {
        $('#jq').css({width: $(window).width(), height: $(window).height()});
    };
    resizeBox();
    $(window).resize(resizeBox);
});

下面是一个示例,其中包括一个用于比较的CSS框。请注意,JS版本滞后是因为它基于调整大小事件,而CSS调整大小是浏览器本身固有的。

有什么原因不能只使用CSS吗?如果你将身体的宽度和高度设置为100%,并绝对定位你的div,你应该达到同样的效果

下面是您正在查找的jQuery事件,它将#box设置为窗口的宽度和高度

$(document).ready(function() {
    var resizeBox = function() {
        $('#jq').css({width: $(window).width(), height: $(window).height()});
    };
    resizeBox();
    $(window).resize(resizeBox);
});

下面是一个示例,其中包括一个用于比较的CSS框。请注意,JS版本滞后是因为它基于调整大小事件,而CSS调整大小是浏览器本身固有的。

@rooney Thanke you guys for answers/但我需要比document更快的东西。就绪(Q#2)/我能为这个问题做些什么?@rooney Thanke you guys for answers/但我需要比document更快的东西。就绪(Q#2)/我能为这个问题做些什么?