Chrome on Android resizes font

google-chrome html android css font-size

Apparently once paragraph of text reaches a certain length, Google Chrome on Android decides to resize the text and make it larger (causing all kinds of fun). Now I have a website where about half of the p-tags follow the size I've set and the other half change as they please - apparently depending on the length of the paragraph.

How on earth do I fix this?


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


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".

Related

iOS - How to implement a performSelector with multiple arguments and with afterDelay?
first and last day of the current month in swift
Alternative to mysql_real_escape_string without connecting to DB
How to convert char to integer in C? [duplicate]
Can I patch a Python decorator before it wraps a function?
Print to the same line and not a new line?
How do I combine two lists into a dictionary in Python? [duplicate]
Angular 4.3 - HttpClient set params
SVG rounded corner
Why C# implements methods as non-virtual by default?
Angular2 component's "this" is undefined when executing callback function
Heroku push rejected, no Cedar-supported app detected