JavaScript窗口高度

JavaScript窗口高度,javascript,jquery,window-resize,Javascript,Jquery,Window Resize,我正在使用此代码设置节的高度 //Fixed Image Window Height $(window).ready(setSizes); function setSizes() { var containerHeight = $("#about").height(); $("#about").height(containerHeight - 70

我正在使用此代码设置节的高度

    //Fixed Image Window Height
                $(window).ready(setSizes);

                function setSizes() {
                   var containerHeight = $("#about").height();
                   $("#about").height(containerHeight - 70);
                }
                $(window).resize(setSizes);
我最初

$(window).load(setSize);
我相信似乎有相互矛盾的事情在发生。当窗口加载和调整大小时,我如何写这句话

$(document).ready(function(){
          setSizes();
});

            function setSizes() {
               var containerHeight = $("#about").height();
               $("#about").height(containerHeight - 70);
            }

试试这个

我是这样写的,似乎很管用。我不确定这是否是一个坏习惯,而且我还没有真正检查跨浏览器,但它的功能

                $(document).ready(function(){
                      setSizes();
            });

            $(window).resize(setSizes);

            function setSizes() {
               var containerHeight = $(window).height();
               $("#about").height(containerHeight - 70);
            }

太棒了,谢谢!现在,如果我想将此部分设置为即使在缩放浏览器时也始终填充窗口高度,我会只更改第一个“即将打开”窗口吗?当我刷新时它会工作,但会变长或变短,这取决于我缩放的方式;没有被利用对吗?谢谢你的帮助。我刚刚在函数上方添加了window.resize,它起到了作用。如果你想将“关于分区”设置为适合你的浏览器比例,你可以只设置“关于分区的css样式”。设置宽度:100%;身高:100%;。即使您缩放窗口,也不会有问题,#about部分将始终填充窗口。一个小的改进:您不需要实际说
$(document).ready(function(){…
。因为这是一件很常见的事情,jQuery提供了一个快捷方式;您可以只做:$(function(){…`。