iOS накладывает ограничения на размер ресурсов в памяти (см. Главу «Знайте ограничения ресурсов iOS» Руководство по веб-контенту Safari ), вызывая известную проблему с Reel (см. FAQ ). Safari уменьшает изображение, чтобы поместить его в небольшой фрагмент памяти, выделенный системой для каждого ресурса, и отображает его таким образом. Это приводит к различным (более низким) размерам изображения и срывает попытки Reel использовать спрайт изображения. Чтобы справиться с этим, Reel использует директиву -webkit-background-size
CSS, чтобы обеспечить исходные размеры для правильной работы смены фрейма, и в результате ваше изображение выглядит размытым на iPad - ваше изображение было уменьшено системой и затем вернитесь на катушку.
Когда этот предел iOS нарушен, единственная опция, которую вы имеете, состоит в том, чтобы не использовать одно изображение спрайта и использовать отдельные изображения кадра с опцией .reel()
'images
, которая принимает массив пути к этим изображениям.