Media Queries
今注目のCSS3のメディアクエリを使ったWebサイトが見れます。ワンソースで複数のデバイスに対応させたいときに参考になります。
これを使うと、iPhoneやAndroidといったスマートフォンは画面サイズが違うため
スクリーンサイズに合わせてCSSを調整できます。
ワンソースですがiPhoneやAndroidで見ても綺麗に見ることができます。
Clean Air Commute Challenge
Glitch
マルチデバイス対応の振り分けは、ユーザーエージェントを判別して
iPhoneやAndroidに最適化されたサイトを表示します。
しかし更新やサイトの修正・変更があった場合にそれぞれメンテナンスを行わないと
いけません。
しかし、これを使うと「ワンソース・マルチユース」に対応することができます。
設計が難しそうですが、チャレンジしてみたいですね。
メディアクエリに対応したサイトをもっと見たい方はこちら
Media Queries