いままではすべての画像をimgで処理していた。実際には、背景として画像を配置しなくてはいけない場面もある。画像を背景にした時、フルードイメージにするにはどうすればよいのか、というのが今回のテーマ。PCサイズはフルードイメージの記述から一切変更しない。3columnの幅、960pxより幅が狭くなった時に、フルードイメージ(縮小)ではなく、カラム落ちするように記述してみる。フルードイメージ→画像が縮小する。完成したPC用のページをレスポンシブデザインにする。タブレット用のデザインを考える。いま、PC用の横幅は960pxなので、959px以下のサイズでメディアクエリーを記述する。content="width=device-width">をheadに記述する。floatによってマージンの相殺が起きないので、すべての画像の周りにマージンを取ると余白が均等になる。