Как избежать наложения текстовых элементов в Zero

Решение проблемы Font Boosting в браузерах на Android
В части браузеров на Android (обычно в более старых версиях) сохранилось встроенное увеличение шрифта (Font Boosting). Оно появилось во времена, когда большинство сайтов не имели мобильной версии, и происходит на стороне самого браузера.

В силу технической реализации Zero Block это может быть причиной наложения текста друг на друга. В стандартных блоках текст также может увеличиваться на Android, но это незаметно: у текстовых элементов там нет фиксированной высоты.

Рассказываем, что можно сделать, чтобы избежать проблем с отображением текста.
Что сделать, чтобы этого избежать
1. Font Boosting увеличивает весь текст примерно на 2-3%. Если у вас есть текст с большим количеством абзацев, то лучше разделить их на несколько отдельных блоков, потому что в другом случае текст увеличится на 2-3% от высоты всего текста и нужно будет делать после текста слишком большой отступ.
2. Для маленьких текстовых элементов проверьте, установлена ли ширина с запасом, чтобы не было переноса элемента на другую строку.
3. Проверьте, нет ли очень маленьких отступов между текстом и другими элементами. Нужно стараться не использовать минимальных отступов.
4. Не используйте слишком маленькие шрифты — движок браузера может посчитать его слишком мелким и увеличить.
Made on
Tilda