1. 首頁
  2. 問答
  3. 將頁面上的方向修復爲僅在Jquery-mobile中環境變化

將頁面上的方向修復爲僅在Jquery-mobile中環境變化

2012-07-13 63 views
2

如何讓頁面的方向爲橫向狀態，因爲我正在爲我的webapp使用jquery mobile？將頁面上的方向修復爲僅在Jquery-mobile中環境變化

該頁面包含無法在移動版肖像模式顯示一些表格數據...

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

這個問題能解決？ ？

來源

2012-07-13 SaurabhLP

+0

也許這可以幫助你鎖定橫向？ http://stackoverflow.com/questions/7009743/jquery-mobile-lock-orientation – F481 2012-07-13 09:56:04

+0

srry，但我試過這個，它不適合我... – SaurabhLP 2012-07-13 10:22:33

+0

您或者使用@media或僅在橫向視圖顯示數據時活性。要求用戶改變方向以查看數據。 – Omar 2013-07-11 10:44:52

回答

2

我們現在在jquerymobile 1.3.1響應表，你可以使用...

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

作爲其無法鎖定不同於混合應用程序（phonegap）的webapps中的方向。有些瀏覽器對此沒有幫助。

接下來，您可以以列表格式顯示此數據，或者只需檢查模式，如果縱向顯示簡單消息「查看錶格請使用橫向」。

來源

2013-07-16 05:32:52 Sheetal

+1

是的，我認爲這是完美的SOLN。對此，我已經回答了這個問題。在jQm啓動此功能之前...感謝那... – SaurabhLP 2013-07-16 05:54:07

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-03 16:54:18 daver

+1

你的想法是正確的，但一些表格設計dnt適合移動設備...這就是爲什麼試圖找到解決方案... – SaurabhLP 2013-01-12 12:56:28

1

嘗試使用jQuery Mobile的的orientation屬性，並將其設置爲false。

jQuery.mobile.orientationChangeEnabled = false;

這應該一定使一個回落的調整大小窗口事件。調整大小可以通過min-width CSS3來handeled

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

來源

2013-07-16 04:11:05 Srihari

+0

g8想法禁用方向變化... – SaurabhLP 2013-07-16 06:04:14

相關問題

 相關問題