私はモバイルWebアプリケーションの開発を始めました.Jquery Mobileを使用してHTML5ページを作成しています。私はiPhoneの& iPadで私のページをテストしました。問題は、ポートレートからランドスケープに、次にランドスケープからポートレートモードに変更すると、ページが拡大されたままであることです。 n方向の数が変更された後、どのような向きにでも最適なズームレベルに復元するにはどうすればよいですか。私はあなたがあなたを得たところからJquery Mobileを使用したページの画面オリエンテーションの問題
わからない私のメタタグでデバイス幅、デバイスの高さ、デバイス密度を使用しているが、これは私が使用してかなり確信していますビューポートのメタタグであることあなたの問題を解決します：
<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" />
UPDATE：
あなたは2つの異なるビューポート、配向モードごとに1つずつ必要になります。 check this outをクリックすると、その場で変更する方法を確認できます。
希望します。
コードに問題があるのは、ページがズーム/ストレッチ/ランドスケープモードではまったく展開されていないことです私はそれを望んでいません...私はそれが風景モードで拡大したいが、私がポートレートモードに戻ったときにそのままにしないでください –
実際には2つの異なるビューポートタグが必要です（1つはランドスケープ用、もう1つはポートレート用です）[これを行う方法はこちら]（http://stackoverflow.com/questions/2557801/how-do-i-reset-the -scale-of-a-web-app-on-an-iphonでのオリエンテーション変更） – Leon
This may be helpful for you, mantain two stylesheets in landscape and portrait mode
window.onorientationchange=detectIPadOrientation;
function detectIPadOrientation()
{
//check for the mode and apply the appropriate style sheet,window.onorientationchange is the method will be called whenever the orientation changes
}
これは良いと思われますが、2つのスタイルシートを使用する代わりに、何とかページスケールにアクセスできます....これは念頭に置いてあることです - ポートレートモードではページスケールが1.0、ランドスケープモードでは2.0 –
私は同じ問題があります。
この投稿はあなたの質問に答えます： JQuery Mobile Beta 1 is not resizing the screen on iphone when rotated to landscape 私はベータ版ではありませんが、バージョン1.1.0では解決策が適用されました。
つまり、ビューポートメタは次のようになります。
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
=この更... – Leon
<メタ名=「ビューポート」コンテンツ= "幅=装置幅、高さ=デバイスの高さ、初期の規模を分析するために、あなたのビューポートのメタタグを投稿してください1、target-densitydpi = device-dpi、user-scalable = no "> - - - - myメタタグ –