Unfortunately there is no 'official' way to disable Font Boosting. So you end up with part of your page having huge text and part of it having normal font size. Thankfully there is a workaround for that.
After closer examination it turned out that Chrome for Android resizes a text of an element only if it has dynamic height. So disabling Font Boosting is as simple as adding max-height css property to an element, for example:
p {
max-height: 999999px;
}
As far as I know this fix has no side-effects.
Hi there, one another solution is to apply the following CSS rules:
ReplyDeletehtml
{
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}