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

标签 html css twitter-bootstrap gif

我正在做一个考试元素。

我现在才注意到网页严重依赖的动画 GIF 不会根据容器或窗口宽度调整大小。我正在使用 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

关于html - 如何使用 HTML/CSS 调整动画 GIF 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34331351/

相关文章:

html - IE 和 Firefox <Table> 单元格渲染差异

javascript - 帮助编写正则表达式,仅在 <strong> 标签不存在时用 <strong> 标签包围某些文本

jquery - bootstrap 4 + jQuery - 在手机上改变背景外观

jquery - 有人能告诉我如何将这样的表格居中放置在页面/div 的中间吗?

jquery - 垂直对齐多于一行的文本(菜单元素)?

javascript - Bootstrap 下拉列表按钮作为表单元素

jquery - 如何避免 Bootstrap 模式中的数据重复

html - Bootstrap : my columns aren't showing inline

javascript - 为每个列表元素生成不同的、随机颜色的 DIV

javascript - 带 z 索引的事件冒泡