CSS WGより、メディアクエリー (Media Queries)の最終草案が公開されました。 メディアクエリーとは メディアクエリーは、link要素のmedia属性やCSSの@mediaを拡張したもので、デバイスの条件を指定しスタイルシートを適用可能にする技術です。 たとえば、「幅が1280pxなディスプレイ」と「幅が1600pxなディスプレイ」で、異なるスタイルを割り当てることができます。 /* 一般的なスクリーン */ @media screen and (device-width: 1280px) { .main { width: 600px; } .sub { /* 何もせずフッターにする */ } } /* 幅の広いスクリーンでは2カラムに */ @media screen and (device-width: 1600px) { .main { width: 800px; f
