ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan

ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。

[el_flamen]

当たり前と言えば当たり前だけど、表示領域のサイズが変わっても動的に切り替わる。

[hiro-rock]

Media Queryでウィンドウサイズ別に別スタイルシートを適応させる

[lost_and_found]

@media

[kzms2]

MediaQueryでウィンドウサイズを元にレイアウト変更

[hoge444]

css

[sw_lucchini]

今の時代にはぴったり

[yanbow]

CSS

[tyto]

早くCSS3をフツーに使いたいですね。

[kojika17]

ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で

[ynsyns]

Media Query