У меня есть крошечная установка, два файла html и один javascript (http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/).
В двух html файлах есть 100% высоты и ширины div и одна ссылка (каждая ссылка указывает на другой html файл, чтобы инициировать переход).
Скрипт создает два блока div, когда начинается инициализация, d1 и d2, d1 устанавливается на текущее содержимое тела, а d2 устанавливается на целевое содержимое файлов html. Затем CSS выполняет переход между двумя div, поэтому возникает эффект слайда, и, наконец, javascript берет содержимое d2 и устанавливает его в содержимое тела, прежде чем избавиться от двух новых div.
Проблема в том, что когда начинается переход css, шрифт немного меняется (символы становятся немного больше, когда я говорю немного, я имею в виду совсем немного, но заметно). Когда переход завершится, шрифт вернется в нормальное состояние. Это создает ощущение «скачкообразного» шрифта: когда переход инициируется, вы получаете этот скачок шрифта, а затем он возвращается к своему исходному размеру.
На Android это происходит намного чаще, чем на iOS.
Я запускаю приложение с помощью Phonegap, поэтому считаю, что это веб-браузер, Cordova.
Спасибо за вашу помощь!!! Я очень надеюсь, что кто-нибудь поможет это исправить.
Я попытался установить эффекты перехода для ссылок, чтобы остановить изменение шрифта, например настройки 3D и т. Д., Мое исследование показало, что многие люди что-то говорят о помещении этих элементов на аппаратный уровень, чтобы они не размывались.
Спасибо!