Override Default Mobile Font Size

How to stop mobiles chosing their own font size in HTML

After spending several hours trying to figure out why mobiles (iOS in particular) would display particular lines of text at a completely different text size than desired, it turns out that they try and do it to be helpful.

To override the default operation, use the following CSS...

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