FF 中的"对象拟合"未正确显示

Question

我在页面上使用圆形缩略图，但自上次更新以来，'object-fit:cover;'无法正确显示，

我的图像根据原始图像水平或垂直推送。我的CSS很容易做到这一点，它在Chrome中显示得很好。

怎么了？谢谢。

border-radius:100%;
object-fit:cover;

Answer 1

在这种情况下，您可以使用代替object-fit: cover：

background-position: 100% 100%;
background-size: cover;

或

background-position: 50% 50%;
background-size: 100% 100%;