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

Browse By

[CSS] atMedia.info – メディアクエリのジェネレーター

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

自分が使っているデバイス向きのメディアクエリジェネレーター。サイトにアクセスすると使っているディスプレイの解像度を調べてくれます。ただしインチ数だけは手動入力で、ここ入力するとDPIを計算してくれます。ページ下部にはサイトにアクセスしているデバイス向けのメディアクエリを書き出してくれて、さらにその指定がアクティブであるかどうかも色で判断してくれます。PCからアクセスしている人は、ブラウザウィンドウを縮小してみると色が緑から黒になって指定がアクティブでなくなる様子が分かると思います。メディアクエリ使う機会増えましたからね、なかなか便利なジェネレーターですな。

コメントを残す

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

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