3

同じ画像をiphoneの縦向きと横向きモードおよびiPadの縦向きと横向きモードに調整するにはどうすればよいですか?

私は320pxの幅のサイトを持っていて、ヘッダー画像も320pxなので、このサイトを横向きモードで見ると少し小さく見え、iPadではさらに小さいので、同じ幅のサイトに修正するにはどうすればよいですか?端末。私はこれを行うためにメディアクエリを使用し、たとえばデバイスの幅に基づいて画像の幅を固定しました。iPadの場合は画像サイズを780ピクセル、モバイルランドスケープの場合は380ピクセルと記述しました。これは正しい方法です。 ?

4

2 に答える 2

3

あなたが使用している手順は完璧な方法ではありません....ジャンクCSSコードを作成しています。スタイルシートのデフォルト セクションで以下のコードを使用するだけです。異なるサイズのメディア クエリ内にネストする必要はありません。

img { max-width: 100%; height: auto}

このリンクからも移動できます

于 2012-06-18T06:24:07.563 に答える
0

フレームワークまたは php (ユーザー エージェント内の strstr) でデバイスを検出し、サイトにデバイス固有のスタイルシートを設定します。このソリューションは、使用されている css ファイルのみをロードするのに適しています。

すべてのソリューションとデバイスに対してサイトを最適化する最善の方法は、レスポンシブ ウェブデザインを使用することです。これは、解像度に関連するレイアウトを設計する方法論です。

いくつかの例のリストを次に示します。

http://designmodo.com/responsive-design-examples/

于 2012-06-18T06:31:35.370 に答える