Macos MacBookPro视网膜开发

嗨，我正在开发一个网站 我的客户给我发了下面的截图。这是macbook视网膜专业版。我不知道为什么，但它的分辨率似乎约为1024x640，浏览器视口的分辨率约为500px！。所以我有两个问题： 1.当您将macbook pro视网膜从机箱中取出时，默认分辨率和像素密度是多少？ 2.如何在非mac上模拟视网膜显示？我在chrome中尝试了新的模拟选项，但每次我将设备像素比设置为2并以分辨率播放时，我都没有得到任何可用的输出。由于分辨率较低，使用VM毫无意义

编辑：还有一件事我注意到了。如果我在我的浏览器上复制相同的分辨率，所有的东西看起来都会被放大，在所附的图像上越大。底部工具栏是否可能缩小整个网站，或者与像素密度相关

带有视网膜显示器15的MacBook Pro的默认分辨率为1440x900，采用2880x1800屏幕，像素比为2:1。但是，有很多缩放模式

虽然我不知道在非Macintosh台式机或笔记本电脑上模拟视网膜显示的好方法，但在视网膜MacBook Pro上的Safari浏览在处理显示分辨率问题方面与iPad/iPhone上的Safari相似/相同。如果你有一个视网膜iPad，它可能是一个更好的模拟器，但你将无法访问开发人员工具，因为这些工具只有在与Mac电脑搭配时才可用

---

如果您可以访问非Retina Mac，您也可以尝试使用HiDPI模式查看发布内容，让您了解如果显示器是Retina，web服务器将如何查看Mac。

我认为这是错误的方法，您不需要模拟Retina显示器，您唯一需要担心的是，您的网站在1440x900上看起来也不错，而且您的资产有一个用于视网膜显示的选项，正如@gaige提到的HiDPI

你可以像这样加载它们

除此之外，这只是使用最佳实践的问题，一切都应该自行解决