精灵没有出现在 iPhone 上

Question

我正在 iPhone 和 iOS 刺激器上测试我的 Moovweb 项目，但我没有看到我的 sprite 文件夹中的图像。

走过场……

1) main.scss 顶部附近的行：@import "globals/_sprites";

2) 我遵循 header.ts 文件中推荐的语法：

$("//div[@id='SearchForm']/form//input[@type='image']") { wrap("div", class: "mv_search_btn sprites-search") 属性（“风格”，“不透明度：0；”） }

3) 它们在自己的 div 中

那么什么给了？为什么我在其他测试机上可以看到，而在 iPhone 上看不到？

Answer 1

哇！我想通了 - 图像尺寸太大。

Apple 建议 iPhone 的图像不大于 1024x1024 像素。如果您有一个非常大的精灵表（超过这些尺寸），精灵将不会显示在 iPhone（或 iOS 模拟器）上，即使它们可以在 Chrome 上运行。

为了解决这个问题，你应该将需要精灵的图片拆分到多个文件夹中，并使用多个精灵表。