jQuery 函数 Window.height() 当设备方向改变时改变其高度

Question

我开发了一个具有全角背景的响应式网页。我在css中使用了背景并使用window:height()函数使其高度等于视口(viewport)高度

jQuery(document).ready(function() {
   jQuery('#wrapper').height($(window).height());
});

以下是页面截图

http://prntscr.com/6db3o5

当它在小型设备上打开时，加载一次后，当我旋转设备时，它的高度保持不变，即之前的高度，实际上是页面首先加载时的高度，如何在不再次加载页面的情况下更改它，或者是否有其他高度怎么办？

谢谢

Answer 1

jQuery(document).on('ready resize orientationchange', function(){
    jQuery('#wrapper').height($(window).height());
});

上面的代码将为所有指定的事件注册处理程序，这是不言自明的。首先，ready 事件将被触发，处理程序将根据需要计算布局，屏幕尺寸仅在 resize 或 orientationchange 时再次更改，这是只有在需要重新计算和布局的情况下。所以根据我的经验，这段代码是一种失败证明。