iPad没有加载图片

时间:2015-04-27 05:31:45

标签: css image css3 ipad retina

我有一个带有Retina显示屏的iPad,除了一些图像外,所有东西都装得很漂亮(它们没有随机显示)。

到目前为止我尝试过:

  1. 对这些元素使用-webkit-transform: translateZ(0); - 无效
  2. data-at2x="<?= $img[0][1][0];?>"代码上使用<img> - 无效
  3. 我还能尝试什么?

1 个答案:

答案 0 :(得分:3)

请参阅第46页的“资源编程指南”中的Apple命名约定。

  

捆绑和图像加载例程会自动查找图像   底层设备有一个@ 2x字符串的文件   高分辨率屏幕。如果将@ 2x字符串与其他字符串组合使用   修饰符,@ 2x字符串应该出现在任何设备修饰符之前,但是   在所有其他修饰符之后,例如启动方向或URL方案   改性剂。例如:

     
      
  • MyImage.png - 图像的默认版本   资源。

  •   
  • MyImage@2x.png - 图像的高分辨率版本   具有Retina显示器的设备的资源。

  •   
  • MyImage~iphone.png -   适用于iPhone和iPod touch的图像版本。

  •   
  • MyImage@2x~iphone.png -   适用于iPhone和iPod touch设备的高分辨率图像版本   用Retina显示。

  •