Html 如何准备好视网膜？

我必须做些什么才能让我的web应用/网站（在iPhone4和iPad3上）在需要时做好准备

• 录像带
• 图像
• 字体
• 颜色

---

我在这里寻找清单。

如果您使用Rails 3.1+，您可以使用my自动处理视网膜图像

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

如果你在Rails上，我建议你使用gem制作图片，但要完全优化你的网站，需要哪些步骤。

制作图片：

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

if（window.devicePixelRatio>1）document.getElementsByTagName（“img”）[0].src=“retina.png”

背景：

<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>

@媒体屏幕和（-moz最小设备像素比：2），
屏幕和（-o-min-device-pixel-ratio:2/1），
屏幕和（-webkit最小设备像素比：2），
屏幕和（最小设备像素比：2）{
h1{背景图片：url（retina.png）}
}

（主要是关于图形）

1。购买新的iPad2。在新款iPad3上的Safari中加载应用程序或网页。分析我想说的是，如果没有这个设备，真的很难测试。你必须用谷歌搜索它，而不是问它。。关于这件事有无数的博客帖子。。。这里没有什么要补充的。