Browse by...
Home Resources Blog

Is the minimum font-size on Apple’s iPhone and iPad breaking your email layouts? Wish you could do something about it? Thanks to our ever-helpful customer and code guru Brian Thies, we thought we’d share this simple tip with you… And potentially save yourself a bit of frustration down the line.

The issue: ‘Big fonts are ruining my design!’

Now, nobody likes teeny-tiny fonts when reading an email on a mobile device, but sometimes, an exact font-size is critical to maintaining a layout, especially when tables are being used. However, this can all go awry when Apple Mail’s minimum font size comes into play on the iPhone and iPad. For example, with default settings at work, the minimum font size that Mail on the iPhone can display is a generous 13px! Here’s a similar example on the iPad:

Unfortunate line wrapping

Sadly, this pretty much breaks the layout in sections of our email newsletter (and maybe yours, too).

The solution

Brian’s fix is very elegant – by adding the following snippet of code to your CSS styles, you can override the default font sizes on Webkit-based email clients, thus avoiding layout glitches on the iPhone and iPad:

<style type="text/css">
div, p, a, li, td { -webkit-text-size-adjust:none; }

The result being:

Layout is fixed

Ahh… That’s better. Take note that this fix specifically applies to Webkit email clients, so you can safely add it to your code and count on it not causing clients like Outlook ’07 to throw in the towel. However, if you’re worried about it affecting Apple Mail or your campaign’s webversion, it may be worth popping it into a @media query.

Many thanks again to Brian for sharing this elegant fix in our forums – hopefully it will give you and your clients the upper hand when coding your email designs for smaller screens.

Want to know more about optimizing your email designs for mobile devices? Check out this earlier blog post for a grab-bag of useful tips.

This blog provides general information and discussion about email marketing and related subjects. The content provided in this blog ("Content”), should not be construed as and is not intended to constitute financial, legal or tax advice. You should seek the advice of professionals prior to acting upon any information contained in the Content. All Content is provided strictly “as is” and we make no warranty or representation of any kind regarding the Content.
Straight to your inbox

Get the best email and digital marketing content delivered.

Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.


Get started with Campaign Monitor today.

With our powerful yet easy-to-use tools, it's never been easier to make an impact with email marketing.

Try it for free