レスポンシブサイト作成メモ

NO IMAGE

画像をウィンドウの大きさに合わせて伸縮させる

img{
    max-width: 100%;
    height: auto;
    width /***/:auto; /*IE8のみ適用*/
}

これでスマホで見ても画面からはみ出る画像はなくなる。

画像中央

cropped-chienavi-banner.jpg
画像右

cropped-chienavi-banner.jpg
画像左

cropped-chienavi-banner.jpg