为什么浏览器不能在视网膜显示屏上以原始像素密度渲染图片？

在我看来，我的视网膜Macbook Pro上的浏览器（Chrome，Safari，Firefox）无法以原始像素密度渲染任何图片。例如，当我从google图片中打开图片，然后下载该图片并在预览中打开时，与在浏览器中相比，该图片在“预览”中更小，更密集。这似乎表明两个应用程序之间在像素缩放方面存在差异。可以为浏览器修复此问题吗？

这是故意的。大多数网站不是为视网膜显示屏设计的，只有1倍的资产。如果这些1x资产是在视网膜显示器上以原始分辨率绘制的，则它们将以四分之一的大小显示（一半的高度，一半的宽度）。这显然是不切实际的：就像在浏览器的缩放级别设置为25％的情况下浏览网页一样。

为了解决这个问题，浏览器默认情况下仅将所有内容绘制为2倍（视网膜），然后将任何1倍资源放大以匹配。这样，网站在视网膜显示器上的外观与在非视网膜显示器上的外观相同。

我认为这不是浏览器本身的问题（至少在Safari中应该不是问题）。问题是缺少网站对HiDPI显示器的支持。我想大多数网站还不支持Retina Displays。有关更多信息，请参见开发一个响应性强，易于视网膜使用的网站。

如果非视网膜就绪的网站以Retina分辨率渲染，则图像看起来会小一倍，并且网站的布局也会损坏（因为非图像元素通常并不关心视网膜，因此无法缩放）。

有关某些确实支持Retina显示器的网站，请参阅此Macrumors论坛主题。