css - 我们如何修剪图像的左侧

Question

当我尝试对图像应用修剪时，图像仅在右侧被修剪，而在左侧未被修剪。

我们如何修剪图像的左侧？

我正在使用这个 CSS:

.media {
  padding: 39% 0;
}

Answer 1

您尝试使用 object-fit 属性。

.media {
  object-fit: cover;
}

这会保持图像的原始纵横比并覆盖整个元素。元素外部的部分将被裁剪。