1

ここでサンプルをセットアップしました: http://codepen.io/rctneil/pen/myxDcと完全なページのサンプル: http://codepen.io/rctneil/full/myxDc

そのサンプルでは、​​.container を含むヘッダーがあり、ヘッダーは全幅で、.container は特定の幅に固定されています。

幅を 980 ピクセル以下に設定すると、ページは iPad で適切にレンダリングされます。幅を 980 ピクセルより大きく設定すると、右側に誤ったスペースができ始めます。

iPad のデフォルトのレイアウト モードは、要素がビジュアル ビューポートよりも広い場合、すべてが収まるまでビジュアル ビューポートがズームアウトし、ユーザーがページの一部を手動でズームインできるようになると考えていました。これは、私にとって過去にどのように機能したかです。

サイトが正しく収まるように自動ズームアウトしない理由を知っている人はいますか?

4

1 に答える 1

0

ページの高さを垂直スクロールが必要な大きさに設定すると、幅が自動的に縮小されます。たとえば、.container で幅と高さを 2000px に設定すると、ページが適切に縮小されます。これはおそらくこの状況では実行可能な解決策ではありませんが、iPad ビューポートの動作の興味深い観察結果です。

iOS メタ ビューポート タグを使用することをお勧めします。http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

于 2012-08-02T18:00:01.120 に答える