我觉得发布这个非常基本的html问题很傻，但我彻底难倒了。我有一个100x100像素的图形（test@2x.png），我将其作为图像提供，然后调整为50x50。这应该会为视网膜和非视网膜屏幕提供清晰的图像...但它没有（在Chrome和Firefox中，Safari很好）。
同样的图像以50x50保存（未通过CSS调整大小）并且原始显示为100％，但是当原始的100x100缩小时，它会变得不稳定。
从技术上讲，我不明白这是怎么发生的。鉴于我有一个视网膜屏幕应该是完全相反的：100％的图像不是很清晰，2x的图像缩放到50％。
我必须在没有问题之前完成这一千次，任何人都知道发生了什么？
<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
答案 0 :(得分：0)
这个问题的答案是我是个白痴...... iMacs没有视网膜支持。我特别喜欢我承认我所看到的是视网膜屏应该做的“完全相反”（又名：显示非视网膜屏幕），但没有把两个和两个放在一起。我现在要去躲起来......
