Chrome on Android resizes font

android html css google-chrome font-size

Add max-height: 999999px; to the element you want to prevent font boosting on, or its parent.

android html css google-chrome font-size

Include the following <meta> tag in the document <head>:

<meta name="viewport" content="width=device-width, initial-scale=1">

This will correctly establish the view frame, and thus eliminate the need for "FontBoosting".

android html css google-chrome font-size

There is now a CSS property you can set to control this:

-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;

CodeHunter