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

这个主题在这里有很多的帖子，但我想知道如果somone acutally找到解决方案。如何仅在横向模式下显示页面？

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

我该怎么做？

我正在使用jQuery Mobile脚本。

来源

2012-09-03 user123_456

你的意思是说，如果有人以纵向访问你的网站，他们会看到一个错误？ –

没有，如果他们访问它与肖像模式，然后我需要旋转进入景观 –

那么根据您使用的是什么平台/设备..

想不出你的API调用，像这样。

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

你可以通过检查处理这个如果宽度>高度，然后它的景观如果高度>宽度，则其肖像...

^不是最好的办法，但就是一个例子

UPDATE：

orientationchange定时

的定时虽然当前实现将为您提供从window.orientation派生的 event.orientation的正确值，但客户端高度和宽度的变化与客户端高度和宽度的变化有所不同。这意味着如果您的绑定依赖于高度和宽度值，您可能想要禁用orientationChange，并且使用 $ .mobile.orientationChangeEnabled = false来让后备大小调整代码会触发绑定。

来源

2012-09-03 08:51:36 LmC

嗯，我刚才看到，jquery手机有一个定位事件：http：//jquerymobile.com/demos/1.1.1/docs/api /events.html，但我需要一些如何实际旋转它的逻辑 –

请参阅更新，这应该有助于 – LmC

所以如果我将它设置为false，那么会发生什么？ –

在调整大小，检查是否屏幕高宽比为大于1.0（宽度/高度），如果是这样显示您的页面，如果不是隐藏你页面，并显示一条消息，询问用户以旋转他们的设备。

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

来源

2012-09-03 08:52:05 Adrian

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

回答

相关问题