Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Media Query Snippets – 各解像度・デバイスごとのメディアクエリ一覧

  • Pocket
  • このエントリーをはてなブックマークに追加

各解像度やデバイスごとのメディアクエリが一覧になったもの。左側はPCでのブラウザウィンドウの横幅、真ん中はメジャーなスマートフォン、右側はタブレットがズラっと並んでいます。タブレット端末の数が圧倒的に多いという事は、それだけこの分野はディスプレイサイズのバラつきが多いんでしょう。各項目をクリックすると、その解像度、もしくは端末向けのメディアクエリ記述を見る事ができます。対応したいサイズごとにコピペすればいいので、なかなか便利です。レスポンシブレイアウトのサイト制作時に役立ってくれそう。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください