如果我使用jquery mobile作为我的webapp,页面的方向如何才能成为风景?
该页面包含一些表格数据,这些数据无法在移动版本中以纵向模式显示...
看看我的布局.. http://jsfiddle.net/nY5ZF/1/
这可以修复???
答案 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
答案 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)">