Question

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

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

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

我无法改变图像，但只要它看起来与原版相同，我就可以创建一个新的图像。

有人可以推荐任何技术来达到完全流畅的宽度吗？

我尝试过各种推拉门技术，但是随着图像的动画效果，它们就会失效。

提前致谢。

Answer 1

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

.bar {
  width: 100%;
}

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

将浏览器窗口拖动到不同的大小，并观察图像宽度调整大小。如果您认为这应该发生，请告诉我。