如何使对象适合于.gif文件

时间:2019-06-08 18:03:04

标签: html css

尝试使用object-fit图像来.gif,但是.gif似乎不是受支持的文件格式吗?

MDN或W3C均未提及.gif文件和object-fit使用情况。他们只提到“已替换的元素”,例如<img>,但是<img>支持.gif's,所以我很困惑为什么它不起作用?

我在做什么错了?

我有一个.jpg,使用该图片,效果很好。

HTML:

<div class="gif_container">
   <img class="animated_gif" src="~/img/1.gif" />
</div>

CSS:

.gif_container {
    width: 300px;
    height: 300px;
}

.animated_gif {
    width: 372px;
    height: 664px;
    object-fit: fill;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

https://drafts.csswg.org/css-images-4/#the-object-fit

0 个答案:

没有答案