如何在平板电脑和手机的android设备的方向更改上获得正确的窗口宽度
How to get the correct window width on orientation change for android devices both tablets and phone
我正在尝试使用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;
});
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- 防止Iframe窗体在新窗口中打开
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- ng映射方向备选方案
- 调整窗口大小时,可拖动的对象会出现在容器外部
- Javascript排序的图像弹出窗口..可以't单独弹出
- 重新分配窗口或方向
- 确定适合窗口的页面的滚动方向
- 在调整窗口大小时重新加载 jQuery 轮播以将方向从垂直更改为垂直
- 在移动屏幕中从纵向移动到横向并返回纵向时,窗口元素在垂直方向上变得不可见
- 当移动方向从横向更改为纵向时,窗口元素不适合窗口
- 在Android调整大小或方向更改事件后获得正确的窗口宽度
- 如何在平板电脑和手机的Android设备的方向更改中获得正确的窗口宽度
- 如何在平板电脑和手机的android设备的方向更改上获得正确的窗口宽度
- 在窗口改变方向时调整内容大小之前激发功能
- 当相对于可用的浏览器窗口没有水平空间时,以相反的方向打开CSS子菜单
- 谷歌地图引擎-显示方向上的信息窗口
- 检测iPad iframe在窗口大小调整时的方向(或当方向改变时)
- 模拟方向更改,而无需调整浏览器窗口的大小
- 谷歌地图v3驾驶方向与一个可点击的路线/信息窗口