当Retina缩放50％时，PNG图像看起来很奇怪

Question

我有一个透明的精灵PNG图像 - Retina屏幕尺寸为50％ 奇怪的是，我在普通显示器上的PNG图像上有一些小的白线图案，在Chrome中尤为明显。

这是一个截图（它有点小，但希望你看到它）：

并缩放至400％

Answer 1

视网膜屏幕尺寸没有差异，因为像素密度不同而不同。因此，将图像缩小50％，将无法实现。您需要指定background-size: 50% 50%。

这将使您的浏览器渲染图像但缩小50％。由于它们的大小实际上大于显示的大小，因此剩余的像素将根据屏幕的像素密度进行合并。 / p>

---

如果您仍在执行此操作并且问题仍然存在，那么问题在于图像质量本身。