【发布时间】:2013-03-21 15:11:30
【问题描述】:
有没有办法在 Windows 上模拟 Retina 显示器来测试网站的 HiDPI 显示器,例如 Retina?
我在标准 24 英寸 1920x1080 显示器上运行 Windows。昨晚我在朋友全新的 15 英寸 Retina MacBook Pro 上查看了我的网站,图形看起来都很模糊(比普通的 15 英寸 MacBook 差得多),而字体超级清晰锐利,因为直接比较,使徽标看起来更糟。
我已按照本教程制作我的网站 Retina:
http://line25.com/tutorials/how-to-create-retina-graphics-for-your-web-designs
我使用了retina.js 方法,因为我没有任何背景图片。
我有什么方法可以测试这是否真的有效?显然,我可以让我的朋友使用他的 Retina Notebook,但这对我来说不是一个可行的工作流程。我希望至少能够在我自己的环境中粗略地测试网站的 Retina 兼容性。
【问题讨论】:
-
@Jsuar:不幸的是,事实并非如此。 JavaScript 库似乎不适用于retina.js,而 Opera 似乎适用于移动设备。
-
尝试在 SVG 中制作所有图像,例如您的徽标,而不是使用 png 或 jpg。
标签: html css retina-display retina.js