Chrome on Android resizes font

android html css google-chrome font-size
Sprax picture Sprax · Jul 2, 2012 · Viewed 43.7k times · Source

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?

Answer

moeffju picture moeffju · Oct 19, 2012

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

Related questions

Rendering HTML in a WebView with custom CSS

My app is using JSoup to download the HTML of a message board page (let's say in this case it is a page containing the posts of a given thread). I'd like to take this HTML, strip out unwanted items, …

Read More
Background image jumps when address bar hides iOS/Android/Mobile Chrome

I'm currently developing a responsive site using Twitter Bootstrap. The site has a full screen background image across mobile/tablet/desktop. These images rotate and fade through each, using two divs. It's nearly perfect, except one issue. Using iOS Safari, …

Read More
Default font set on Android

Can anyone tell me what are the bundled fonts on most Android devices, specifically for web pages? Just like Windows has their bundled fonts or Mac font lists, what are the fonts that come with most Android phones and tablets? …

Read More