【Css】img图片根据宽高较大一方适应容器

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

object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。

蓝色是容器，红色是img，可实现图中的适应。