尝试使用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;
}