回る男の備忘録

どこかでプログラム書いてシャニマスして野球見てTwitterやってる人間の駄文

【CSS】画像のアスペクト比を固定する方法

やり方は非常に簡単

img {
  width: 100%;
  height: auto;
}

上記はimgに対し設定しましたが自身で設定したセレクタで何も問題ないと思います。

また、width: 100%としましたが幅は自由に設定して問題ありません。
height: autoにすることでアスペクト比が固定されます。
結構使うことが多いです。