Отключаем Font boosting в мобильных браузерах | Все что вы хотели знать о хостинге и сайтостроении

Отключаем Font boosting в мобильных браузерах


Рубрика: CSS

Столкнулся с проблемой когда сайт в мобильной версии выглядит совершенно не так как в обычной версии. Точнее шрифт в блоках становится непредсказуемого размера. Чудо разработчики изобрели для удобства такую штуку как Font boosting которая должна помогать телефонам отображать текст на сайтах лучше в мобильных версиях. В некоторых случаях расчеты для отображения текста на мобильном устройстве дает сбой и текст ведет себя очень не предсказуемо, вплоть до того что 2 предложения могут быть разного размера, но в стилях прописан для обоих один размер.

Нашлось очень простое решение, в стилях CSS нужно указать вот это:

html * {max-height:1000000px;}
Если вам понравилась статья или была полезна, поделитесь ею с друзьями: