我正在设计一个新的网站。在阅读了有关视网膜显示器的图像要求略有不同的信息后，我被糟糕的 Internet Explorer 与其他浏览器相比如何缩小图像而分心。
我知道我一定遗漏了一些东西，所以决定上传我几年前为这个例子制作的旧标志。如果您访问此 png 图片http://test.glow-sticks.org/images/logo-ietest.png
如果您以 100% 的比例查看它，那么它在所有浏览器中看起来都不错，但是当您使用 Chrome 或 Firefox 等将其缩小到 25% 时，图像会很好地调整大小以保持其平滑的边缘。
但是，当您开始使用 IE 缩小到 25% 左右时，徽标的边缘会变成锯齿状/像素状。
首先，为什么？其次，是否有一个简单的解决方案？
我不想漫无边际地使问题复杂化，但我也在尝试使用 SVG。我将徽标转换为 SVG，并将图像以 250 像素的分辨率输出到网站上。然而，在 IE 上，即使您以 100% 的速度查看页面，徽标也不会顺利呈现，当我达到大约 300% 时，它开始看起来不错。
我知道它是因为图像一开始就很大，但是为什么只有 IE 有这个问题呢？
非常感谢！