如何开发一个用于视网膜显示的网站？答案

【问题标题】：How to develop a website for retina display?如何开发一个用于视网膜显示的网站？
【发布时间】：2012-08-17 05:08:29
【问题描述】：

我必须开发一个具有 4 种设计（台式机、移动设备、平板电脑和视网膜显示器）的响应式网站。

前三个很好，可以完成，但视网膜显示是一个新事物。因此，如果有人能分享为它开发 HTML 的正确方法，那将是非常有帮助的。

任何 Jquery 插件，Hack of HTML/CSS 都会有帮助！非常感谢！

【问题讨论】：

how to get retina-ready?的可能重复
@MichaelPetrotta - 除了这个问题并没有很好的答案。这可能是一个类似的问题，但这个问题还没有真正得到回答。
这真的离题了。 @jfriend00。但是，如果可以的话，请改进该问题的答案。
@MichaelPetrotta - 我的意思是，作为另一个没有好的答案的问题，它无助于 OP 结束他们的问题。每个人都最好给这个问题一个新的关注机会。 IMO，这是一个非常好的问题。我不知道这个问题的答案 - 我已将其标记为收藏，因为我也想查看答案。
@MichaelPetrotta - 指出我在另一个问题中的一个完整答案，我会同意你的。我在其他帖子中没有看到一个。这个问题至少推动了一些新的答案和答案，其中包含更好的信息。对 SO 来说最重要的是获得最好的信息。

【解决方案1】：

您可以使用一些 CSS 框架，例如

并在 Google 中搜索响应式网页设计

对于视网膜显示和移动布局使用媒体查询

这是一个来自 CSS-tricks 的链接，它会很有帮助 Css-tricks

【讨论】：

【解决方案2】：

在 iPhone/iPad 上，iOS 非常聪明，无需您的帮助就可以让事物看起来很漂亮。虽然我没有尝试过，但我确信 OSX 对配备 Retina 的台式机/笔记本电脑也是如此。

但是，有几件事您绝对应该考虑/用户：

【讨论】：

【解决方案3】：

每当我创建网站时，我都会使用retina.js。如果用户有视网膜显示器，它会自动用服务器上的高分辨率替换页面上的低分辨率图像。

【讨论】：