矢野りんのデザイン業務レポート　第４回〜コンバージョン率を上げられる「レスポンシブＷｅｂデザイン」
日経ソフトウェア　第178号　2012.9.1

この記事の情報
掲載誌	日経ソフトウェア　第178号（2012.9.1）
ページ数	1ページ　（全1669字）
形式	PDFファイル形式　（460kb）
雑誌掲載位置	6ページ目

第４回　レスポンシブ（呼応する、すぐ反応する）Ｗｅｂデザインとは、表示サイズの異なるディスプレイ環境に合わせてＷｅｂページのデザインを可変にする実装方法のことです。具体的には、ＣＳＳレベル３の「Ｍｅｄｉａ　Ｑｕｅｒｉｅｓ」というプロパティを記述する方法で実装します。これで表示領域のピクセルサイズごとにプロパティを出し分けて、大きい画面なら３カラム、スマートフォン程度のサイズなら１カラム、のようにレ…