2013-05-10 91 views
2

我正在爲iOS和Android開發PhoneGap + JSmobile + html5應用程序。我想強制相同頁面的橫向。我試圖找到一個解決方案,但我不能這樣做。 有沒有可能?某些頁面上的強制方向

我發現了一個帖子裏有人說用了一招在CSS旋轉#div:

#ID { 
-webkit-transform:rotate(90deg); /* Safari and Chrome */ 
} 

這一招旋轉頁面,但它呈現與左側和右側邊框。

+0

給它也寬度:100重要; – Gajotres 2013-05-10 10:22:05

+0

..同樣的問題...我認爲這是由於: 但是如何才能設置width = device-heght和heght =設備寬度僅適用於同一頁?! – Loralon 2013-05-10 10:35:35

回答

2

我找到了解決辦法:

$(document).on('pagebeforeshow', '#ID',function() {   
       setTimeout(function() { 
            $('head').append('<meta name="viewport" content="width=device-height, height=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;">'); 
            }, 200); 
         }); 

超時是爲了防止在上一頁奇怪的變化;)

+0

這不會在iphone上旋轉設備。 – Harry 2013-11-18 08:19:08