如何获得Android设备平板电脑和手机方向更改的正确窗口宽度

Question

我正在尝试使用jquery函数计算Android设备方向更改时的窗口宽度$（window）.outerWidth（true）;.此计算为iphone和ipad的方向更改提供了正确的宽度，但在android中没有。如果我最初以横向模式或纵向模式加载页面我得到正确的宽度但是一旦我在加载页面后改变方向，我就像在横向模式中获得纵向模式的宽度，反之亦然。请建议发生了什么，以及如何处理此问题，以便在Android设备中获得方向更改时的正确窗口宽度。

我正试图用这篇文章来解决How to get the correct window width on orientation change for android devices both tablets and mobiles，但任何事都对我有用。

@ user850234任何想法？提前谢谢。

Answer 1

尝试使用＆＃39; orientationchange＆＃39;事件和$ window服务（别忘了注入$ window）

在angular.run（）函数中，添加以下事件侦听器

    angular.element($window).bind('orientationchange', function () {
          var width = $window.innerWidth;  
    });