CSS3のメディアクエリって何？

お恥ずかしながら今日知ったんですが、CSS3にメディアクエリという機能があるらしい。詳しくはこのページを参照。

ザックリ読んだ感じだけど、要するに、screen とか handheld とかのメディアタイプに加えて、「モニターの幅が＊＊ピクセル以下だったら」とか、「解像度が＊＊dpi以下だったら」とか、「表現できる色が＊＊だったら」とか、そういう細かい条件を追加して、スタイルシートを切り替えられる機能のようだ。

しかも、iPhone/iPod touch のブラウザは既にメディアクエリ機能に対応しているらしい。実機で確認したわけではないが、モニター幅などを根拠にして、いわゆるPCブラウザ用とは別のスタイルシートを用意することが可能なはずだ。

つまり、 『iPhoneユーザーには、iPhone専用サイトの方がウケるらしい。』 の記事の中で書いた iPhone のメディアタイプを screen にしてしまったのは失敗だったのでは？ という見解は、どうやら見当違いだったようだ。