[abre]

При написании мобильной версии страниц столкнулся со странным багом.

На каждой странице со статьей вставлена кнопка, которая отображается только на мобильных устройствах. При нажатии на кнопку в тег head прописывается тег style, в котором в свою очередь прописываются новые стили для абзацев и заголовков статьи с более крупными размерами шрифтов. Затем боковым колонкам страницы задается display:none.

Так вот, время от времени (чаще всего) при нажатии на кнопку увеличивается размер шрифта только первого абзаца текста, а весь остальной остается как был. Иногда, если подождать немного, то и остальной текст становится крпунее. Самый верный способ заставить весь текст отреагировать на новый стиль - перемена ориентации телефона на ландшафтную и обратно: в ста процентах случаев оставшийся мелкий текст становится крупнее.

Думал, может перерисовка экрана виновата, но нет - инициировал джаваскриптом перерисовку после вставки стилей на страницу - ничего не поменялось.

Как можно с этим бороться?