レスポンシブデザイン | フルードグリッド

レスポンシブデザインの勉強について記録します。

CSSでの記述で、％で指定してレスポンシブデザインのページの演習をしました。
http://armadillo-dish.sakura.ne.jp/work/1/index.html

レスポンシブデザインで必要なこと
・フルードグリッド(Webページの要素を罫線や升目に沿って配置する「グリッドデザイン」とブラウザの横幅が変わっても
レイアウトを維持したまま要素のサイズを調整する「フルードデザイン」を合わせたもの。)
・フルードイメージ(ブラウザ幅に合わせて画像が拡大縮小する)
・メディアクエリー(閲覧者の出力メディア（画面サイズやOS）に合わせて、
スタイルシート（css）内に適用する条件を細かく指定する仕組み)