Macbook pro视网膜开发

Question

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

编辑：我注意到的另一件事。如果我在我的浏览器上重现相同的分辨率，所有内容看起来更加“缩小”（更大）附加的图像。底部工具栏是否可能缩小整个网站或与像素密度相关？

Answer 1

1. 配备Retina显示屏（15“）的MacBook Pro上的默认分辨率是1440x900，像素比为2：1（使用2880x1800屏幕）。但是，有很多缩放模式。

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

如果您可以访问非Retina Mac，您还可以尝试使用HiDPI模式（请参阅有关enabling HiDPI modes的帖子），以便您可以访问Web服务器如何显示Mac视网膜。

Answer 2

我认为这是错误的做法，您不需要模仿Retina显示屏，您唯一需要担心的是您的网站在1440x900上看起来也不错，并且您的资产可以选择为视网膜显示服务，HiDPI为@gaige提到。

您可以加载http://paulstamatiou.com/responsive-retina-blog-development-part-2/

之类的内容

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