为什么低分辨率图像在使用视网膜屏幕查看的网站上显得模糊？
当我有 500 x 500 像素的图像时，该图像在正常显示器上看起来很清晰（即 CSS 像素 1:1 映射到设备像素）。但当使用 Retina 显示屏查看该图像时，它必须将图像的每个像素映射到 4 个视网膜像素（分辨率是原来的两倍）。在视网膜显示屏上，图像也以 500 x 500 CSS 像素显示，但缩放到 1000 x 1000。我不太明白为什么图像在视网膜屏幕上看起来很模糊，因为物理尺寸保持不变，因为两台显示器大小相同。
模糊是由 4 个像素之间的空间造成的吗？
图片来自：http ://coding.smashingmagazine.com/2012/08/20/towards-retina-web/
小智 0
访问您的页面时，浏览器会自动尝试重新缩放图像，从而使您看到轻微的模糊。\n但关键的细节在于它是如何做到这一点的；它不是简单地重复像素，而是插值。\xe2\x80\x93 奥利·查尔斯沃斯
\n- 但关键的细节在于“如何”做到这一点；它不是简单地重复像素，而是插值。 (2认同)