其他人有这个问题吗？我在我的Mac上设计了一个响应式网站布局，使用视网膜显示，看起来很棒。我承认我的显示设置使用了一个更小尺寸的视网膜选项。当我向客户展示设计时，谁可能有一台笔记本电脑或一台旧的非视网膜macbook，一切看起来都很庞大。
是否有一种技巧可以使我所缺少的经验更加一致？
谢谢！
答案 0 :(得分：0)
一些让你入门的想法。
如果您遇到的问题是内联图片，那么retina.js是一个简单的解决方案。您可以将常规和高分辨率版本的图像保存到您的网站，此JS将为具有视网膜显示的访问者提供高分辨率版本。
如果您想通过CSS管理图像（如背景），这个媒体查询就可以解决问题：
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
/* CSS for retina displays here */
}