html - Struggling to increase & reduce font size on responsive email campaign -



html - Struggling to increase & reduce font size on responsive email campaign -

i creating responsive email templates using html / css , having problem controlling how font appears in mobile view.

i need increment font size of text body, , cut down font size of header & footer text.

i have tried adding table classes, td classes , span classes no avail.

has experienced similar problems , come fix?

you try: http://css-tricks.com/viewport-sized-typography/

however, believe much improve avoid having alter font size, , using fontsize work screens. main reason because every email client or webmail portal handles css differently. in fact: scope of available css , html severely limited, inorder maintain sanity , cross-client back upwards best stick responsive design that:

uses nil percents.

uses tables multiple columns (if any)

uses viewport https://developer.mozilla.org/en-us/docs/mozilla/mobile/viewport_meta_tag

further reading: http://blog.sumall.com/journal/3-steps-to-make-your-e-mail-design-responsive-2.html

html css fonts responsive-design

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -