Responsive design 在mac视网膜显示器上设计网站会导致大小问题

还有其他人有这个问题吗？我在我的mac电脑上设计了一个反应灵敏的网站布局，它使用视网膜显示器，看起来棒极了。我承认我的显示设置使用了更小尺寸的视网膜选项之一。当我向客户展示设计时，他们可能有一台pc笔记本电脑或一台旧的非视网膜macbook，对他们来说，一切看起来都是巨大的

有没有一个技巧可以让我的经历更加全面一致，而我却没有

---

谢谢

一些让你开始的想法

如果您遇到的问题是内联图像，那么这是一个简单的解决方案。您将常规和高分辨率版本的图像保存到您的站点，此JS将为具有视网膜显示器的访问者提供高分辨率版本

如果您希望通过CSS（如背景）管理图像，此媒体查询将实现以下功能：

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* CSS for retina displays here */
}

---

祝你好运

谢谢David，你的解决方案很好，但我也在尝试处理这样一个事实，即布局中的div高度存在一些可感知的尺寸差异。意思是，我可以有一个500像素高的英雄形象，在我的屏幕上看起来很棒。当我坐在一个没有视网膜的病人旁边时，一切看起来都是巨大的。英雄形象可能会隐藏所有内容。我想知道我是否需要改变我的屏幕分辨率来模仿他们看到的，这样我就不仅仅是为我的屏幕设计了？也许我想的不对？英雄形象是由CSS定义的背景吗？