如何仅以横向模式显示页面?

时间:2012-09-03 08:46:50

标签: javascript jquery mobile jquery-mobile screen-rotation

这个主题在SO上有很多帖子,但我想知道somone是否真的找到了解决方案。

我想强制某些页面仅以横向模式显示。

我该怎么做?

我正在使用jQuery Mobile脚本。

2 个答案:

答案 0 :(得分:0)

很好地取决于您使用的平台/设备..

你不能这样做api电话。

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

您可以通过检查宽度>来处理此问题。高度然后它的风景 如果高度>宽度然后它的肖像...

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

更新:

  

orientationchange时间

     

取向变化的时间与变化的关系   客户端的高度和宽度在不同浏览器之间是不同的   当前实现将为您提供正确的值   event.orientation派生自window.orientation。这意味着如果   您的绑定取决于您可能的高度和宽度值   想要同时禁用orientationChange   $ .mobile.orientationChangeEnabled = false让后备调整大小   代码触发你的绑定。

答案 1 :(得分:0)

调整大小时,检查屏幕宽高比是否大于1.0(宽度/高度),如果是,则显示您的页面,如果没有隐藏您的页面并显示要求用户旋转其设备的消息。

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