这个主题在这里有很多关于 SO 的帖子,但我想知道是否有人真的找到了解决方案。
我想强制某些页面仅以横向模式显示。
我怎样才能做到这一点?
我正在使用jQuery Mobile脚本。
好吧,取决于您使用的平台/设备..
你不能像这样做一个api调用。
if(approiateAPICALL.orientation == "landscape")
{
//handle land scapre
}
else
{
// handle anything else
}
你可以通过检查宽度 > 高度然后是横向,如果高度 > 宽度那么它的纵向来处理这个问题......
^不是最好的方法,但只是一个例子
更新:
方向改变时机
与客户端高度和宽度变化相关的orientationchange 的时间在浏览器之间是不同的,尽管当前的实现将为您提供从window.orientation 派生的event.orientation 的正确值。这意味着如果您的绑定依赖于高度和宽度值,您可能希望将orientationChange 与 $.mobile.orientationChangeEnabled = false 一起禁用,以让后备调整大小代码触发您的绑定。
在调整大小时,检查屏幕纵横比是否大于 1.0(宽度/高度),如果是则显示您的页面,如果没有隐藏您的页面并显示一条消息,要求用户旋转他们的设备。
您可以使用不同的比例来获得与高度成比例的更宽页面。