如何准备好视网膜？ [关闭]

【问题标题】：how to get retina-ready? [closed]如何准备好视网膜？ [关闭]
【发布时间】：2012-03-17 07:43:54
【问题描述】：

当涉及到

视频
图片
字体
颜色？

我在这里寻找一份清单。

【问题讨论】：

1.购买新 iPad 2。在新 iPad 3 上的 Safari 中加载应用程序或网页。分析...我得到的是，没有设备，真的很难测试。
人们必须在谷歌上搜索而不是询问。关于此事的博客文章数不胜数...这里没有什么可添加的。

标签： html css retina-display

【解决方案1】：

如果您使用的是 Rails 3.1+，可以使用我的 clear_eyes gem 自动处理视网膜图像。

颜色和字体不需要任何调整。例如，CSS 按钮不需要任何调整，只需要图像和视频即可。

Here's a very good flowchart 完全视网膜化您的网站所需的步骤，但如果您在 Rails 上，我建议使用 gem 获取图像。

【讨论】：

【解决方案2】：

Smashing Magazine: Towards A Retina Web（主要是关于图形）

【讨论】：

【解决方案3】：

图片：

<script>if(window.devicePixelRatio>1)document.getElementsByTagName("img")[0].src="retina.png"</script>

背景：

<style>
  @media screen and (-moz-min-device-pixel-ratio: 2),
    screen and (-o-min-device-pixel-ratio: 2/1), 
    screen and (-webkit-min-device-pixel-ratio: 2), 
    screen and (min-device-pixel-ratio: 2){

      h1{background-image:url(retina.png)}

  }
</style>

【讨论】：