当我将 jquery mobile 用于我的 web 应用程序时,页面的方向如何才能是横向的?
该页面包含一些表格数据,在移动版中无法以纵向模式显示...
看看我的布局.. http://jsfiddle.net/nY5ZF/1/
这能修好吗???
当我将 jquery mobile 用于我的 web 应用程序时,页面的方向如何才能是横向的?
该页面包含一些表格数据,在移动版中无法以纵向模式显示...
看看我的布局.. http://jsfiddle.net/nY5ZF/1/
这能修好吗???
我们现在在 jquerymobile 1.3.1 中有响应式表,你可以使用它...
http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/
与混合应用程序(phonegap)不同,它不可能在 webapps 中锁定方向。有些浏览器在这方面对我们没有帮助。
接下来,您可以以列表格式显示这些数据,或者只检查模式,如果是纵向,则给出一个简单的消息“要查看表格,请使用横向”。
尝试使用orientation
jQuery Mobile 的属性并将其设置为 false。
jQuery.mobile.orientationChangeEnabled = false;
这必然会退回到调整窗口大小事件。调整大小可以由min-width
CSS3处理
您不能锁定浏览器的旋转,但您可以做的是为一个方向使用不同的样式表,而另一个样式表将在纵向模式下隐藏所有内容。
<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)">