【问题标题】:'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 的大小......
猜你喜欢
  • 1970-01-01
  • 2016-10-05
  • 1970-01-01
  • 2011-06-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-12
  • 1970-01-01
相关资源
最近更新 更多