关于css:Cssimg图片根据宽高较大一方适应容器

32次阅读

共计 132 个字符,预计需要花费 1 分钟才能阅读完成。

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

object-fit 个别用于 img 和 video 标签,个别能够对这些元素进行保留原始比例的剪切、缩放或者间接进行拉伸等。

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

正文完
 0