如何仅在横向模式下显示页面?
这个主题在这里有很多的帖子,但我想知道如果somone acutally找到解决方案。如何仅在横向模式下显示页面?
我想强制某些页面只在横向模式下显示。
我该怎么做?
我正在使用jQuery Mobile脚本。
那么根据您使用的是什么平台/设备..
想不出你的API调用,像这样。
if(approiateAPICALL.orientation == "landscape")
{
//handle land scapre
}
else
{
// handle anything else
}
你可以通过检查处理这个如果宽度>高度,然后它的景观 如果高度>宽度,则其肖像...
^不是最好的办法,但就是一个例子
UPDATE:
orientationchange定时
的定时虽然 当前实现将为您提供从window.orientation派生的 event.orientation的正确值,但客户端高度和宽度的变化与客户端高度和宽度的变化有所不同。这意味着如果 您的绑定依赖于高度和宽度值,您可能想要禁用orientationChange,并且使用 $ .mobile.orientationChangeEnabled = false来让后备大小调整 代码会触发绑定。
嗯,我刚才看到,jquery手机有一个定位事件:http://jquerymobile.com/demos/1.1.1/docs/api /events.html,但我需要一些如何实际旋转它的逻辑 –
请参阅更新,这应该有助于 – LmC
所以如果我将它设置为false,那么会发生什么? –
在调整大小,检查是否屏幕高宽比为大于1.0(宽度/高度),如果是这样显示您的页面,如果不是隐藏你页面,并显示一条消息,询问用户以旋转他们的设备。
您可以使用不同的比例来获得与高度成比例的更宽的页面。
你的意思是说,如果有人以纵向访问你的网站,他们会看到一个错误? –
没有,如果他们访问它与肖像模式,然后我需要旋转进入景观 –