読者です 読者をやめる 読者になる 読者になる

やるしかなっちゃん

やるしかない!

CSSで画像の縦横比を維持したまま縮小する方法

max-width/max-heigthで最大値を指定して、widthとheightプロパティをautoにすればタイトル通りのことを実現できた

  /* 横に合わせる場合 */
  max-width: 100%;
  height: auto;
  /* 縦に合わせる場合 */
  max-height: 100%;
  width: auto;

jsfiddle.net

参考サイト(というかこのサイトを見れば全てわかる) bashalog.c-brains.jp