【问题标题】:iPad not loading imagesiPad不加载图像
【发布时间】:2015-04-27 19:58:38
【问题描述】:

我有一台配备 Retina 显示屏的 iPad,除了一些图像(它们不会随机显示)之外,所有东西都可以很好地加载。

到目前为止我所尝试的:

  1. 在这些元素上使用 -webkit-transform: translateZ(0); - 没有用
  2. <img> 标签上使用data-at2x="<?= $img[0][1][0];?>" - 没有用

我还能尝试什么?

【问题讨论】:

  • @Aruloci 谢谢,但这对我不起作用。
  • 有多少张图片以及它们的大小?
  • @Uooo 多张图片,大小差异很大 - 有时是未显示的徽标,有时是缩略图,有时是大图。
  • 我问的原因是因为有一个image size limit on iOS。不过,我不知道这在较新的 iOS 设备上的表现如何。但是,如果您的图像文件大小的总和很大,这可能就是原因。

标签: image css ipad retina


【解决方案1】:

在第 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 显示屏。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-04-12
    • 1970-01-01
    • 2019-07-29
    • 2013-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多