精灵不是';t出现在iPhone上

精灵不是';t出现在iPhone上,iphone,image,sprite,sprite-sheet,moovweb,Iphone,Image,Sprite,Sprite Sheet,Moovweb,我正在iPhone和iOS刺激器上测试我的Moovweb项目,但我看不到sprite文件夹中的图像 走过场 1) main.scss顶部附近的行:@import“globals/_sprites” 2) 我遵循header.ts文件中推荐的语法: $(“//div[@id='SearchForm']/form//input[@type='image']”){ 换行(“div”,类:“mv\u搜索\u btn精灵搜索”) 属性(“样式”、“不透明度:0;”) } 3) 他们在各自的部门 那么什么给

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

走过场

1) main.scss顶部附近的行:@import“globals/_sprites”

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

$(“//div[@id='SearchForm']/form//input[@type='image']”){ 换行(“div”,类:“mv\u搜索\u btn精灵搜索”) 属性(“样式”、“不透明度:0;”) }

3) 他们在各自的部门


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

Doh!我想出来了,图像太大了

苹果公司建议iPhone的图像不超过1024x1024像素。如果您有一个非常大的精灵表(在这些尺寸上),精灵将不会显示在iPhone(或iOS模拟器)上,即使它们可以在Chrome上工作,例如

要解决此问题,应将需要精灵的图像拆分为多个文件夹,并使用多个精灵图纸