2

我觉得发布这个非常基本的 html 问题很愚蠢，但我完全被难住了。我有一个 100x100 像素的图形 (test@2x.png)，我将其用作图像，然后调整为 50x50。这应该会为视网膜和非视网膜屏幕带来清晰的图像……但它不会（在 Chrome 和 Firefox 中，Safari 很好）。

同样的图像保存为 50x50（未通过 CSS 调整大小），原始显示可以 100%，但是当原始 100x100 缩小时，它会变得不稳定。

从技术上讲，我不明白这怎么可能发生。鉴于我有一个视网膜屏幕，它应该完全相反：100% 的图像不是很清晰，而缩放到 50% 的 2x 图像是。

我之前一定已经做了一千次了，没有问题，有人知道发生了什么吗？

<img src="http://stacyrobyn.com/dev/retina/test@2x.png" width="50" height="50" />

小提琴：http: //jsfiddle.net/pixeloco/84n141vc/

我所看到的屏幕截图（iMac/retina 支持，Chrome v37）：http: //i.imgur.com/CS3sJOD.png

4

1 回答 1

0

这个问题的答案是我是个白痴…… iMac 没有视网膜支持。我特别喜欢我承认我所看到的与视网膜屏幕应该做的“完全相反”（又名：像非视网膜屏幕一样显示）但没有把两个和两个放在一起。我现在要躲起来......

于 2014-09-10T14:45:42.497 回答