jQueryモバイルローテーションの問題

Question

jquery mobile（beta 3）を試しています。あなたのアプリケーションをロードすると、うまく動作します。しかし、iPhoneを水平に回転させると、レイアウトが正しく調整されません。

同じ問題は、誰もが解決策を持っています

http://jquerymobile.com/demos/1.0b3/に観察することができますか？

Answer 1

ズームが不要な場合は、<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">が最もハッキリです。

ズームを維持したい場合は、this解決方法を試してください。 FYI

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'); 
} 

：これは既知の問題は、これらのビューポート設定で方向を変更する際に適切に幅を設定しないのiOSでのマイナーな問題があり jQM docs

を参照しているが、これはうまくいけばなり将来のリリースを修正しました。必要であれば、ライブラリではなくページコンテンツの一部であるため、他のビューポート値を設定してズームを無効にすることができます。