仅在Jquery-mobile中将页面上的方向固定为横向

时间:2012-07-13 08:58:49

标签: jquery jquery-mobile orientation landscape

如果我使用jquery mobile作为我的webapp,页面的方向如何才能成为风景?

该页面包含一些表格数据,这些数据无法在移动版本中以纵向模式显示...

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

这可以修复???

3 个答案:

答案 0 :(得分:2)

我们现在在jquerymobile 1.3.1中有响应表,你可以使用它......

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

由于与混合应用程序(phonegap)不同,无法锁定webapps中的方向。有些浏览器并没有帮助我们。

接下来你可以用列表格式显示这些数据或只是检查模式,如果是肖像然后给出一个简单的消息“要查看表格,请使用横向”。

答案 1 :(得分:1)

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

jQuery.mobile.orientationChangeEnabled = false;

这必然会对调整大小窗口事件产生影响。调整大小可以由min-width CSS3

进行管理

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

答案 2 :(得分:0)

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

<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)">