Macbook pro视网膜开发

Question

嗨，我正在开发一个网站click here

我的委托人给我发了下面的截图。这是一台macbook retina pro。我不知道为什么，但它的分辨率似乎是1024x640，浏览器的视窗大约是500px(!)。所以我有两个问题:1.当你把你的macbook pro视网膜从盒子里拿出来时，默认的分辨率和像素密度是多少？

2.如何在非mac电脑上模拟视网膜显示屏？我在chrome中尝试了新的仿真选项，但每次我设置设备像素比为2并使用分辨率时，我从未得到任何可用的output.Using，由于分辨率低，VM是毫无意义的。

编辑:我还注意到一件事。如果我在浏览器上重现相同的分辨率，所有东西看起来都比附加的图像更“缩小”(放大)。有没有可能底部的工具栏缩小了整个网站的比例，或者它与像素密度相关？

​

​

Answer 1

采用视网膜显示屏(15英寸)的MacBook专业版的

1. 默认分辨率为1440x900，像素比例为2:1 (使用2880x1800屏幕)。然而，在非Macintosh台式机或笔记本电脑上有很多缩放的modes.
2. Although我不知道有什么好的方法来模拟视网膜显示，在处理显示分辨率问题方面，在retina Safari Pro上浏览Safari与在iPad/ MacBook上浏览Safari是相似/相同的。如果你有一台Retina iPad，这可能是一个更好的模拟器，但你将无法访问开发工具，因为这些工具只有在与Mac机配对时才可用。

如果你可以访问非retina Mac，你也可以尝试使用HiDPI模式(参见关于enabling HiDPI modes的帖子)，让你访问如果显示器是视网膜，网络服务器将如何看到Mac。

Answer 2

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

你可以像这样加载http://paulstamatiou.com/responsive-retina-blog-development-part-2/

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