Stop iPhone Text Enlargement with CSS
The iPhone’s mobile version of Safari has a useful way of automatically enlarging text on a website when zoomed out. While this feature is fundamentally a good thing as it allows users to read text with zooming in, it can be a nightmare to designers as it can break pixel perfect layouts.
The CSS
However there is a small piece of CSS that you can add to the body element or a specific tag/id/class of a website that will prevent the Safari mobile browser from enlarging text.
-webkit-text-size-adjust: none;
