iPadが縦向きのウェブサイトを正確に縮小していない

Question

これはちょっと変わったことで、誰かが解決策を持っているかどうか疑問に思っていました。

私たちはちょうど1000px以上の幅を持っているいくつかのウェブサイトを構築しています。なぜなら、iPadがポートレートモードでそれらを読み込むとき何らかの理由でそれらをスケールダウンします。すべてを見るために少しオーバー。

私は<meta name="viewport" content="initial-scale=0.7;" />を追加しましたが、これは問題を解決しますが、ランドスケープでロードされると、ユーザーは小さいサイトから始まり、遠くにズームアウトすることができます。

この例は私の個人的な開発サイトの1つで見ることができます。これには、すべてのバグを無視してくださいhttp://www.dundeewebstandards.com/events/

おかげで、

クリス

Answer 1

が、私はこの同じ問題を抱えていたし、無駄に、私は見つけることができる提案されたソリューションのすべてを試した、まだ生きていません。最後に、わかりました...ページの高さが1024ピクセル未満で、幅が768ピクセルより大きい場合、ネイティブのズーム機能は期待どおりに機能しません。これは、ページの幅がその高さよりも大きい場合にも当てはまります。メディアクエリを使用してページに最小高さを追加してみてください。ここで私はこの問題を解決するために使用したコードです...

#page-container{ 
    width: 1200px; 
    margin: 0 auto; 
} 
@media screen and (min-width: 768px) { 
    #page-container{ 
     min-height: 1240px; 
    } 
}