如何开发视网膜显示网站？
我必须开发一个响应式网站，有4种设计[桌面，移动，平板电脑和视网膜显示]。
前三个很好，可以做，但视网膜显示在一个新的东西。 因此，如果任何人都可以分享正确的方法来为它开发HTML，那将会非常有用。
任何Jquery插件，HTML / CSS的Hack都会有所帮助！ 非常感谢！
你可以使用一些CSS framworks
- 骨架
- 基础
并在Google中搜索自适应网页设计
对于视网膜显示和移动布局，请使用媒体查询
这是一个CSS-tricks的链接，这将有助于Css-tricks
在iPhone / iPad上，iOS非常聪明，在没有任何帮助的情况下让事情看起来很棒。 虽然我还没有尝试过，但我确信OSX对于Retina的台式机/笔记本电脑也是如此。
但是，有一些事情你应该考虑/用户：
-
视口元信息
-
使用矢量图形来避免看起来模糊的图像（因为Retina具有更高的PPI，它必须缩放光栅图形）
-
保持页面轻快（移动通用规则）
-
CSS媒体查询 （响应式开发的一般好规则）
-
熟悉
-webkit前缀的专有CSS属性，可以对许多事物进行细粒度的控制。 -
经常测试！ 在大多数情况下，我对“正常工作”（以及它们在高PPI下看起来有多好）感到惊喜，但它并不总是以您期望的方式工作。
每当我创建一个网站时，我都会使用retina.js 。 如果用户有视网膜显示器，它会自动用服务器上的高分辨率替换页面上的低分辨率图像。