精靈沒有出現在iPhone上

Question

我在iPhone和iOS刺激器上測試了我的Moovweb項目，並且沒有看到來自我的精靈文件夾的圖像。

着相同的動作......

1）附近main.scss頂行：@import 「全局/ _sprites」;

2）我正在關注在header.ts文件的推薦語法：

$（「// DIV [@ ID = 'SearchForm'] /形式//輸入[@類型= '圖像' ] 「）{ 包（」 格」，等級： 「mv_search_btn精靈搜索」） 屬性（ 「風格」， 「不透明度：0;」） }

3）他們是在自己的div

那麼，什麼給？爲什麼我可以在其他測試機器上看到，但不能在iPhone上看到？

Answer 1

Doh！我想通了 - 圖像尺寸太大。

Apple建議適用於iPhone的圖像不能超過1024x1024像素。例如，如果您有一個非常大的精靈表（超過這些尺寸），精靈將不會在iPhone（或iOS模擬器）上顯示，即使它們可以在Chrome上工作。

爲了解決這個問題，你應該把需要被修剪的圖像分割成多個文件夾並使用多個精靈表。