Question

我正在开展一个考试项目。

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

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

Answer 1

你可以这样做：

<强> CSS

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

<强> HTML

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

注意：根据需要调整宽度尺寸。请注意，从不调整大小超过实际大小，它将按像素化。