仅在 Jquery-mobile 中将页面方向修复为横向答案

【问题标题】：fix the orientation on page to landscape only in Jquery-mobile仅在 Jquery-mobile 中将页面方向修复为横向
【发布时间】：2012-07-13 08:58:49
【问题描述】：

当我将 jquery mobile 用于我的 web 应用程序时，页面的方向如何只能是横向的？

页面包含一些表格数据，在移动版中无法竖屏显示...

看看我的布局..http://jsfiddle.net/nY5ZF/1/

这可以解决吗？？？

【问题讨论】：

也许这可以帮助您锁定横向？ stackoverflow.com/questions/7009743/…
srry 但我试过了，它不适合我......
您要么使用@media，要么仅在横向视图处于活动状态时显示数据。要求用户改变方向以查看数据。
但是什么时候？？如果用户此时旋转其智能手机或平板电脑？？
你可以收听orientation change。隐藏纵向数据并在横向上显示。

标签： jquery jquery-mobile orientation landscape

【解决方案1】：

我们现在在 jquerymobile 1.3.1 中有响应式表，您可以使用它...

http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/

与混合应用 (phonegap) 不同，它无法在 web 应用中锁定方向。有些浏览器在这方面对我们没有帮助。

接下来，您可以以列表格式显示这些数据，或者只检查模式，如果是纵向，则给出一个简单的消息“要查看表格，请使用横向”。

【讨论】：

是的，我认为这是完美的解决方案。为此，我已经回答了这个问题。在 jQm 启动此功能之前...谢谢...

【解决方案2】：

尝试使用jQuery Mobile的orientation属性并将其设置为false。

jQuery.mobile.orientationChangeEnabled = false;

这必然会退回到调整窗口大小事件。调整大小可以由min-width CSS3 处理

http://jsfiddle.net/nY5ZF/7/

【讨论】：

【解决方案3】：

您无法锁定浏览器的旋转，但您可以为一个方向使用不同的样式表，并在纵向模式下使用另一个样式表来隐藏所有内容。

<link rel="stylesheet" type="text/css" href="css/style_l.css" media="screen and (orientation: landscape)">
<link rel="stylesheet" type="text/css" href="css/style_p.css" media="screen and (orientation: portrait)">

【讨论】：

你的想法是对的，但是表格设计并不适合移动设备...这就是为什么要尝试找到解决方案的原因...