Спрайты не отображаются на iPhone

Question

Я тестирую свой проект Moovweb как на iPhone, так и на iOS-стимулаторе, и я не вижу изображения из моей спрайт-папки.

Перебирая движения ...

1) линии в верхней части main.scss: @import "глобал/_sprites";

2) Я следую рекомендуемый синтаксис в файле header.ts:

$ ("// ДИВ [@ ид = 'SearchForm']/формы // вход [@ типа = 'изображение' ] ") { обертки (" ДИВ», класс: "mv_search_btn спрайты-поиск") атрибут ("стиль", "непрозрачность: 0;") }

3) Они находятся в своей собственной диве

Так что же дает ??? Почему я могу видеть на других тестовых машинах, но не на iPhone?

Answer 1

Doh! Я понял это - размер изображения был слишком большим.

Apple рекомендует, чтобы изображения для iPhone не превышали 1024x1024 пикселей. Если у вас очень большой лист спрайтов (по этим размерам), спрайты не будут отображаться на iPhone (или симуляторе iOS), даже если они могут работать в Chrome, например.

Чтобы решить эту проблему, вы должны разделить изображения, которые нужно прокрутить во множество папок, и использовать несколько листов спрайтов.