レスポンシブに画像の大きさを自動変形させる

レスポンシブ対応のサイト作成で

画像をウィンドウの幅に応じて自動的に変形し、

画像全体が画面に表示されるようにするには。

例えば、#container 内の #header-img 内に 1280px の画像があるとする。

css 内で

[php]

#container { margin:0 auto; max-width:1280px; }

#header-img img { display:block; width:100%; height:auto; }

[/php]

コメントを残す

メールアドレスが公開されることはありません。