如何在移动设备中修复横向模式 HTML5 Web 应用程序 [关闭]

Posted

技术标签:

【中文标题】如何在移动设备中修复横向模式 HTML5 Web 应用程序 [关闭]【英文标题】:How to fix landscape mode HTML5 web app in Mobile [closed] 【发布时间】:2013-07-10 05:01:53 【问题描述】:

如何使用 jQuery 或 javascript 或任何其他方式在移动(iphone / android)中修复横向模式 html5 网络应用程序?

请给我建议。

【问题讨论】:

***.com/questions/how-to-ask 到目前为止你做了什么? 告诉我,问题有什么问题? 【参考方案1】:

您可以为此使用window.onorientationchange function

喜欢,

function testLandscape()

   if($(window).height()<$(window).width())
    
       alert('landscape mode');
       return false;
     

window.onorientationchange=function()
    testLandscape();//test on changing orientation

testLandscape();//test on page loads

【讨论】:

是的。我根据上面的代码调整屏幕高度和宽度。但是应用程序会自动以横向模式打开吗?还是必须添加任何其他内容?

以上是关于如何在移动设备中修复横向模式 HTML5 Web 应用程序 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

移动方向(横向)滚动条 HTML5/响应式

强制“横向”定向模式

我如何感知可靠的移动设备角度?

在使用 appium 时,我们如何将设备方向更改为横向模式?

当我显示 HTML5 视频时横向

当用户将移动设备变为横向时如何刷新网页