Использование трех тысяч определений стилей весьма необычно: есть ли вероятность, что какое-то неясное мобильное устройство может пожаловаться?
подробности:
Я создаю игру для максимально возможного количества браузеров, поэтому это не означает использование canvas. Я пытался анимировать символы, изменяя переменные стиля, но это вызывало слишком много переформатов. Затем я попытался изменить все узлы DOM сразу "innerHTML", а затем попытался использовать replacechild и documentfragment. Большинство браузеров хороши, но Internet Explorer не может связываться с узлами DOM в течение длительных периодов без утечки памяти (даже IE9 протекает медленно). Каждая попытка исправить одну утечку памяти просто вызывала другую утечку где-то еще. Наконец, вместо этого я использовал css с отдельным классом для каждой позиции пикселя. Э.Г.
class="Height123 Width456 Left789 Top0";
Это выполняется быстро даже в IE8, поскольку требует только одного перекомпоновки и не имеет утечек памяти. Он отлично работает на любом настольном браузере, который я пробовал, но требует около трех тысяч классов. (Я не могу использовать ярлыки CSS3, потому что IE8 поддерживает только CSS2). Это заставляет меня нервничать по поводу небольших устройств. Мне не принадлежат все возможные портативные устройства, поэтому мне интересно, известно ли, что любой из них ограничивает стили CSS?