Question

我需要做些什么来使我的网络应用/网站能够进行视网膜准备（在iPhone4和iPad3上）

视频
图像
字体
颜色？

我在这里寻找一份清单。

Answer 1

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

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

Here's a very good flowchart完全视网膜所需的步骤，尽管如果您使用的是Rails，我建议将图片用于宝石。

Answer 2

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

Answer 3

for image：

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

如何准备视网膜？

3 个答案: