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

Browse By

[Web Design] 20 Amazing Examples of Using Media Queries for Responsive Web Design – Media Queriesを使ったサイト作例集

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

Media Queriesを使ったサイトの実装例が紹介された記事。Media Queriesというのは、見る側のブラウザウィンドウやデバイスのサイズといった条件によって、読み込むCSSを変更するというCSS3からの機能。これによりスマートフォン対応などをCSSレベルで行う事ができます。この機能を実装して、デバイスごとに表示するCSSを切り替えたサイトの作例が20紹介されていて、記事内のサムネールでは大きいウィンドウサイズと小さいウィンドウサイズ、それぞれの見え方がまとめて紹介されてます。CSS3ベースという前提なら、ひとつのHTMLでスマートフォン対応を行う際にはこうした手法が一般的になるんでしょうね。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

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