每次刷新页面时，JQuery都会为窗口高度提供不同的值

Question

为什么当我第一次使用谷歌浏览器加载页面时它返回671但是当我重新页面时它返回不同的值

$("#online").css({height: $(window).height()-40-$("#head").height()});

Answer 1

尝试在加载时设置布局并调整大小

$(window).on("load resize", function (e) {
    $("#online").css({height: $(window).height()-40-$("#head").height()});
});

Answer 2

Fiddle

$("#online").css({ height: $(window).height() - 40 - $("#head").height() +'px' });