如何仅在横向模式下显示页面

How to show page only in landscape mode?

本文关键字：显示 模式 何仅 横向      更新时间：2023-09-26

这个主题在SO上有很多帖子，但我想知道是否有人能找到解决方案。

我想强制某些页面只在横向模式下显示。

我该怎么做？

我使用的是jQuery Mobile脚本。

这取决于您使用的平台/设备。。

你不能这样做一个api调用。

if(approiateAPICALL.orientation == "landscape")
{
//handle land scapre
}
else
{
// handle anything else
}

您可以通过检查宽度>高度是否大于其横向来处理此问题如果高度>宽度，则其肖像。。。

^不是最好的方法，但这是的一个例子

更新：

方位变换定时

方向变化的时间与不同浏览器的客户端高度和宽度不同，尽管当前的实现将为event.orientation派生自window.orientation。这意味着如果绑定取决于可能的高度和宽度值要禁用方向全部与一起更改$.mobile.orientationChangeEnabled=false以允许回退调整大小代码触发绑定。

在调整大小时，检查屏幕纵横比是否大于1.0（宽/高），如果是，则显示页面，如果不是，则隐藏页面并显示一条消息，要求用户旋转设备。

你可以使用不同的比例来获得与高度成比例的更宽的页面。

相关文章：