ウェブネタ

Media Queries

スマートフォンの利用者が多くなってきましたが、ウェブサイトのスマートフォンへの対応、みんなどうしているのかな?と思う今日この頃。

スマートフォンへの対応策の一つにCSS3のMedia Queriesを利用するというのがあります。簡単に説明すると、端末毎の表示可能領域の違いを利用してCSSを振り分けるって方法です。

正確には、ディスプレイやウィンドウのサイズに合わせたデザインを提供して、結果的にスマートフォンでも見やすい状態にするってことなんですけどね。

だから、スマートフォンに限らず全てのブラウザで利用できる技術なんですが、策定中のCSS3なので、当然、古いブラウザは対応していません。

そこで、Media QueriesをjQueryで代替する、言わばMedia jQueries的なものを紹介します。