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

Question

我正在尝试使用jquery函数$（windows）. outerWidth（true）；计算android设备方向变化时的窗口宽度。此计算给出了iPhone和iPad方向变化时的正确宽度，但在android中没有。如果我最初以横向模式或竖屏加载页面，我会得到正确的宽度，但一旦我在加载页面后改变方向，我会得到竖屏的宽度，就像在横向模式下一样，反之亦然。请建议发生了什么，我如何处理这个问题，以便在android设备中获得方向变化时的正确窗口宽度。

我在这篇文章中试图解决如何在android设备(包括平板电脑和手机)上获得正确的窗口宽度，但是任何东西对我都有效。

@user850234有什么想法吗？提前致谢。

Answer 1

尝试使用'orientationchange'事件和$windows服务（不要忘记注入$windows）

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

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