【问题标题】:'object-fit' in FF does not show properlyFF 中的“object-fit”无法正确显示
【发布时间】:2019-12-02 08:07:19
【问题描述】:
我在页面上使用圆形缩略图,但自上次更新以来,'object-fit:cover;' 无法正确显示,
根据原始图像水平或垂直推送我的图像。我的 CSS 很容易做到这一点,它在 Chrome 中显示良好。
怎么了?谢谢。
border-radius:100%;
object-fit:cover;
【问题讨论】:
标签:
html
css
image
firefox
【解决方案1】:
在这种情况下,您可以使用 object-fit: cover 代替:
background-position: 100% 100%;
background-size: cover;
或者
background-position: 50% 50%;
background-size: 100% 100%;
【讨论】:
-
谢谢,但这不是背景图片,而是嵌套在 标签中的
![]()
。它确实也适合宽度和高度,但之前它工作得很好,它将图像裁剪为父 div 的大小......