【Css】img圖片根據寬高較大一方適應容器

img.a {
  width: 200px;
  height: 400px;
  object-fit: contain;
}

object-fit 通常用於 img 和 video 標籤，通常能夠對這些元素進行保留原始比例的剪切、縮放或者直接進行拉伸等。

藍色是容器，紅色是img，可實現圖中的適應。