Jquery 如何开发视网膜显示网站？

我必须开发一个具有4种设计的响应性网站[桌面、手机、平板电脑和视网膜显示]

前三个是好的，可以做到，但视网膜显示在一个新的东西。因此，如果有人能分享为它开发HTML的正确方法，这将是非常有帮助的

Jquery的任何插件，HTML/CSS的破解都会很有帮助！

---

非常感谢

在iPhone/iPad上，iOS非常聪明，可以在没有任何帮助的情况下让事情看起来很好。虽然我还没有尝试过，但我相信OSX也能为带有视网膜的台式机/笔记本电脑提供同样的功能

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

• 使用矢量图形避免模糊图像（因为视网膜具有较高的PPI，它必须缩放光栅图形）

• 保持页面轻快（适用于移动设备的一般良好规则）

• （响应性开发的一般良好规则）

• 熟悉

  -webkit

  前缀专有CSS属性，这些属性可以对许多事情进行细粒度控制

• 经常考试！大多数时候，我都会惊喜地发现，事情“刚刚好起来”（以及它们在高PPI下看起来有多棒），但它并不总是按照你期望的方式工作

---

您可以使用一些CSS框架，如
并在谷歌搜索响应性网页设计
对于视网膜显示和移动布局，请使用媒体查询
这里有一个来自CSS技巧的链接，这会很有帮助

---

每当我创建网站时，我都会使用。如果用户有视网膜显示器，它会自动将页面上的低分辨率图像替换为服务器上的高分辨率图像。
可能与@MichaelPetrotta重复-除了这个问题没有很好的答案。这可能是一个类似的问题，但这个问题还没有真正得到回答。这真的离题了@J00。但是如果你有能力的话，请确实改进这个问题的答案。@MichaelPetrotta-我的观点是，把OP的问题作为另一个没有好答案的问题的重复来结束是没有帮助的。对每个人来说，给这个问题一个新的关注机会要好得多。依我看，这是一个很好的问题。我不知道这个问题的答案-我把它标记为最喜欢的答案，因为我也想看看答案。@MichaelPetrotta-在另一个问题中给我一个完整的答案，我会同意你的。我在另一个帖子里没看到。这个问题至少推动了一些新的答案和包含更好信息的答案。对于SO来说，最重要的是获得最佳信息。