如何使用 HTML/CSS 调整动画 GIF 的大小?

How to resize animated GIF with HTML/CSS?

我正在做一个考试项目。

我现在才注意到网页严重依赖的动画 GIF 不会根据容器或 window 宽度调整大小。我正在使用 Bootstrap 3 框架。

如何使用 CSS/HTML 调整动画 GIF 的大小?如果这不可能,我可以使用什么来尽可能轻松地实现这一目标?

你可以这样做:

CSS

img.animated-gif{
  width: 120px;
  height: auto;
}

HTML

<img class="animated-gif" src="https://media.giphy.com/media/Wq6DnHvHchrTG/giphy.gif">

注意:根据需要调整宽度大小。 当心永远不要调整超过实际大小,它会被像素化。

DEMO HERE