css - 用于动画加载栏的 css 滑动门技术

Question

我有一张图片用作加载动画，宽度为 755 像素。

事情是我在我正在开发的应用程序的一个部分有一个要求，其中图像宽度必须是流动的。

IE 8 是主要支持的浏览器（我知道，我知道），因此在需要时放大图像不是一个选项。

我无法更改图像，但我可以创建一个新的附加图像，只要它的样式与原始图像相同。

任何人都可以推荐任何技术来实现完全流动的宽度吗？

我尝试了各种推拉门技术，但随着图像的动画化，它们会倒下。

提前致谢。

score 1 · Accepted Answer

有一个相当简单的解决方案。在父 div 中，将其设置为width: 100%，并将子图像也设置为width: 100%。这是一个例子：

.bar {
  width: 100%;
}

.bar img {
  width: 100%;
  height: 19px;
}

将您的浏览器窗口拖动到不同的大小并观察图像宽度调整大小。让我知道这是否是您认为应该发生的事情。

1 回答 1