jQuery函数Window.height（）在设备方向更改时更改其高度

Question

我开发了一个具有全宽背景的响应式网页。我在css中使用了background并使用了window：height（）函数使其高度等于视口高度

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上再次更改，这是我们需要计算和执行的唯一情况再次布局。因此，根据我的经验，此代码是一种失败证明。