2

当我将 jquery mobile 用于我的 web 应用程序时,页面的方向如何才能是横向的?

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

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

这能修好吗???

4

3 回答 3

2

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

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

与混合应用程序(phonegap)不同,它不可能在 webapps 中锁定方向。有些浏览器在这方面对我们没有帮助。

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

于 2013-07-16T05:32:52.410 回答
1

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

jQuery.mobile.orientationChangeEnabled = false;

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

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

于 2013-07-16T04:11:05.243 回答
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)">
于 2012-10-03T16:54:18.893 回答