精灵没有出现在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”）   attribute（“style”，“opacity：0;”） }

3）他们在自己的div中

那是什么给了??为什么我可以在其他测试机器上看到但不能在iPhone上看到？

Answer 1

卫生署！我想通了 - 图像尺寸太大了。

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

要解决此问题，您应该将需要传送的图像拆分为多个文件夹并使用多个精灵表。