1. このページの目的
img要素に対して、max-width:100%;height:auto; を指定する。
2. Demo
Demo 1
max-width:100%;height:auto;
HTML
<img id="img1" width="400" height="371" src="c-400.png" alt="">
CSS
#img1 {
max-width: 100%;
height: auto;
}

- 当然ながら、img要素の width に指定した値の幅になる。
- レイアウトシフトは起こらない。