画像のレスポンシブル対応のサンプル

画像のリサイズサンプル

画像の切換サンプル

ポートレイト ランドスケープ

サンプルテキスト：

それではサンプルといたしまして、2段カラムのリキッドレイアウトを作成してみます。

HTMLの大まかな構造は下のコードのようになりますが、
これは固定幅のレイアウトの場合と特に変わりません。

#header、#contents、#sidebar、#footerのボックスに分け、全体を#containerで囲んでいます。