0

デスクトップ/ラップトップをターゲットにできるようにするためのメディア クエリの作成についてサポートが必要です。ディスプレイサイズの参考として、以下の表を使用しています。

表示サイズ リストにリストされているサイズは、最適なキャンバス幅リストに対応しています。

表示サイズ (ピクセル単位):

  1. 800×600
  2. 1024×768
  3. 1280×800

最適なキャンバスの幅 (ピクセル単位):

  1. 幅 780
  2. 幅960
  3. 幅 1220

私が参考として使用している表は、基本的に各ディスプレイ サイズに使用するレイアウト幅を示していますが、それは私が混乱しているものではありません。私が理解していないのは、これらの幅内のすべてのスタイルのメディア クエリを作成する方法です。

これは私がこれまでに持っているものです:

<link rel="stylesheet" href="file.css" media="only screen and (min-width: 780px) and (max-width: 1220px)">

私が知りたいのは、私がこれを正しく行っているかどうかだけです。これを十分に明確に説明したことを願っています！前もって感謝します！

4

1 に答える 1

0

「のみ」についてはわかりませんが、それ以外は問題ないようです。これは、幅が 780 ～ 1220 ピクセルの画面に一致します。他のサイズの別のクエリを追加して、それらのサイズの異なるファイルを含める必要があります。

最小幅には min-width を指定し、最大幅には max-width を指定しないでください。そうしないと、非常に小さい画面または非常に大きい画面で (特定の) スタイル設定ができなくなります。

メディア クエリは非常に簡単にテストできることに注意してください。ブラウザ ウィンドウのサイズを変更するだけです。

于 2012-12-11T00:06:56.913 に答える