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

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

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

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

画像中央

画像右

画像左