how to override font boosting in mobile chrome

Question

Is it possible to override font boosting in mobile chrome? I searched the internet before ~including stackoverflow~.

I found that some people say it\'s impossible, a

Answer 1

Try text-size-adjust:

html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

Answer 2

adding following line to my reset.css worked for me

    html * {max-height:1000000px;}

Answer 3

There is no real possibility for disabling font boosting. There may be some hacks, but they are meant for something different and, in fact, do something different.

Answer 4

For desktops, and likely mobile (haven't tested mobile), you can disable font size boosting in Chrome and FF by setting a base font size on the HTML element. For example:

html {
  font-size: 16px;
}

This is less hacky than max-height. But, still dirty from an accessibility standpoint.

You can also use jQuery to set this if you have to.

Answer 5

It looks like there are a few people that have methods for making it work.

Add some CSS rules or give parent element width and height.

Answer 6

It is a webkit official bug. You can check on Webkit official site

You have to target only specific element where you have to override font boosting rather than targeting unwanted elements. i.e.

p {
   max-height: 999999px;
}