您好，我正在开发一个网站click here
我的客户给我发了下面的截图。这是一个 macbook 视网膜专业版。我不知道为什么，但似乎它的分辨率约为 1024x640，浏览器视口约为 500 像素（！）。所以我有两个问题：
1.当您将您的 macbook pro Retina 开箱即用时，默认分辨率和像素密度是多少？
2.如何在非 Mac 上模拟视网膜显示？我在 chrome 中尝试了新的仿真选项，但每次我将设备像素比设置为 2 并以分辨率播放时，我都没有得到任何可用的输出。由于分辨率低，使用 VM 毫无意义。
编辑：我注意到的另一件事。如果我在浏览器上重现相同的分辨率，则附加图像上的所有内容看起来都更加“缩小”（更大）。底部工具栏是否有可能缩小整个网站或与像素密度有关？
【问题讨论】：
标签： macos media-queries retina-display screen-resolution
配备 Retina 显示屏 (15") 的 MacBook Pro 的默认分辨率为 1440x900，像素比为 2:1（使用 2880x1800 屏幕）。但是，有很多缩放模式。
李>虽然我不知道在非 Macintosh 台式机或笔记本电脑上模拟视网膜显示的好方法，但在 Retina MacBook Pro 上的 Safari 浏览与 iPad/iPhone 上的 Safari 浏览方式相似/相同它处理显示分辨率问题。如果您的 Retina iPad 可能是更好的模拟器，但您将无法使用开发者工具，因为这些工具仅在与 Mac 配对时可用。
如果您可以访问非 Retina Mac，您还可以尝试使用 HiDPI 模式（请参阅有关 enabling HiDPI modes 的帖子），让您访问如果显示器是视网膜，Web 服务器将如何查看 Mac。
【讨论】：
我认为这是错误的方法，您不需要模拟 Retina 显示屏，您唯一需要担心的是您的网站在 1440x900 上看起来也不错，并且您的资产可以选择为@gaige 提到的 Retina 显示器，HiDPI。
你可以加载像这样的http://paulstamatiou.com/responsive-retina-blog-development-part-2/
除此之外，这只是使用最佳实践的问题，一切都会自行解决。
【讨论】：