【问题标题】: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>
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-10-24
        • 1970-01-01
        • 1970-01-01
        • 2019-07-28
        • 2016-10-31
        • 1970-01-01
        • 1970-01-01
        • 2011-10-01
        相关资源
        最近更新 更多