jQuery手機轉動問題

Question

我正在試驗jQuery手機（測試版3）。加載應用程序時，Everthing可以正常工作。但是，當您將iPhone旋轉到水平時，佈局不會正確調整自身。

同樣的問題可以在http://jquerymobile.com/demos/1.0b3/

觀察有沒有人有辦法解決嗎？

Answer 1

如果不需要縮放<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">是最不起眼的。

如果要保持縮放，請嘗試this解決方案。

var viewport = $('meta[name="viewport"]'); 
var nua = navigator.userAgent; 

if ((nua.match(/iPad/i)) || (nua.match(/iPhone/i)) || (nua.match(/iPod/i))) { 
    viewport.attr('content', 'width=device-width, minimum-scale=1.0, maximum-scale=1.0'); 
    $('body')[0].addEventListener("gesturestart", gestureStart, false); 
} 

function gestureStart() { 
    viewport.attr('content', 'width=device-width, minimum-scale=0.25, maximum-scale=1.6'); 
} 

FYI：這是一個已知的問題，請參見jQM docs

有一個在iOS的一個小問題，與這些視口設置改變方向時沒有正確地設置寬度，但希望這將修復未來版本。如果需要，您可以設置其他視口值以禁用縮放，因爲這是您網頁內容的一部分，而不是圖書館。