0

ばかげた質問に聞こえるかもしれませんが、stackoverflow を検索したところ、iPhone が縦向きから横向きに切り替わったときのビュー切り替えのバグについてほとんどの質問が議論されました。

これが私の質問です。私はiPhone用の縦向きビューを設計しました。ほとんどのdivの幅を手動で再定義しました。サイトは現在、縦表示で正常に動作します。現在、横向きビューを開発しようとしています。サイトを画面のサイズに合わせて表示し、通常のブラウザーで表示される形式を維持したいだけです。このビューの div ごとに個別の css スタイル シートを設計する必要はもうありません。通常のブラウザでは同じフォーマットで表示されますが、携帯電話の横画面のサイズに収まるように小さくするだけです。サイト全体がサイズに収まるように設定することはできますか?

 @media screen and (min-device-width: 481px) and (orientation:landscape){

        //what can I put here to make the whole site fit into the landscape screen?

}
4

1 に答える 1

0

あなたの質問を誤解していなければ、最初にビューポートが必要です

<meta name="viewport" content="width=device-width, initial-scale=1.0">

次に、ラッパーの幅を 100% に設定するか、グリッド システムを試してください。

于 2013-09-03T02:42:47.933 に答える