具有背景大小的背景图像在IE和Edge上看起来很糟糕

Question

它在chrome和firefox中看起来很完美，但在IE和Edge中的伸缩性很糟糕。尺寸不错，但图像看起来更清晰，实际图像是背景尺寸的2倍。有办法解决它吗？我试过在stackoverflow上找到的几种方法，但似乎都不起作用。

Answer 1

问题在于您依赖浏览器来调整图像大小。众所周知，浏览器在缩放图像时渲染效果不佳。您应该使用特定的尺寸，并预先在图形包中预先格式化它们。

我也会考虑使用SVG来实现您想要实现的目标（我认为缩小后的图像在不同的分辨率下看起来仍然很好？）我会认真考虑它会给您带来的灵活性。