こんにちは、私は CSS メディア クエリの書き方を学ぼうとしています。ご存知のように、モニターの外側にはいくつかのサイズがあります
11"、13"、14"、15"、17"、22"、24"、27"
今私の質問は、これらすべてのモニターの標準幅を見つける方法と、最大から最小まですべてのサイズをカバーできるいくつかのメディアクエリでそれらの幅を検出する方法です. CSS-TRICKSによるこのリンク「標準デバイスのメディアクエリ」は、標準の携帯用モバイルデバイス用ですが、デスクトップモニター用にも何か必要ですか?
ありがとう
Lokaseが言ったように、メディアクエリはピクセルサイズに基づいています。
たとえば、1024x768、1920x1200などをすべて22インチの画面サイズで使用できるため、特定のモニターサイズは特定のピクセルサイズを意味しません。
レスポンシブデザインに興味がある場合（メディアクエリは主にこれに使用されます）、「画面サイズ」ではなく「ブレークポイント」を探すことをお勧めします:)
メディア クエリは、インチではなく、ピクセルの寸法に基づいています。
すべてのデバイスのすべてのディメンションをターゲットにすることはできません。毎日、あまりにも多くのデバイスが市場に出回っています。
複数のディメンションとデバイスをターゲットにするために、デバイスに依存しないレスポンシブ レイアウト アプローチを採用します。