WiredWorx || Web design || SEO || Bournemouth
Web design, website development and search engine optimisation (SEO) in Bournemouth, Dorset, UK.
Home ·
Website and SEO · Use CSS to stop iPhone / iPad from enlarging text
Use CSS to stop iPhone / iPad from enlarging text
25.01.2012. 00:46
After doing some site updates for a client the other day and all was well except for a report that when rendering the site on an iPad / iPhone some of the text in some areas was a great deal larger than it should be. This lead to hours of investigations as to why this may be, trawling through the CSS which was blatantly correct (as it was very simple) all of which came to a dead end. It turns out in the end that it was these devices being 'helpful' and rendering the font size to be larger, I assume for ease of reading. Anyhow we didn't want this functionality and so implemented the following css against the body:
body
{
-webkit-text-size-adjust: none;
}
This did the trick and the site behaved as expected!
