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

How to get the correct window width on orientation change for android devices both tablets and phone

本文关键字:窗口 方向 平板电脑 手机 android      更新时间:2023-09-26

我正在尝试使用jquery函数$(window).outerWidth(true);计算android设备在方向更改时的窗口宽度;。这个计算可以为iphone和ipad提供正确的方向变化宽度,但在android中则不然。如果我最初以横向模式或纵向模式加载页面,我会获得正确的宽度,但一旦我在加载页面后更改方向,我就会获得横向模式下的纵向模式宽度,反之亦然。请建议发生了什么,以及我如何处理这个问题,以便在android设备中获得正确的方向更改窗口宽度。

我正试图用这篇文章来解决如何在平板电脑和手机的android设备的方向更改上获得正确的窗口宽度,但任何事情都对我有效。

@user850234知道吗?提前谢谢。

尝试使用"orientationchange"事件和$window服务(不要忘记注入$window)

在angular.run()函数中,添加以下事件侦听器

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