CSS Code For Formatting Emails To Look Good In Mobile
Hi Folks,
I'm looking for an elegant solution for formatting emails to look good in mobile.
I want the emails to look like text based emails with a width of 300px.
I'm inserting the text in a table that's 300px.
Problem: It looks horrible in Iphone. It's shrinking down the text to too small.
What I need is some kind of CSS solution that will format the text to 100% of the screen when it's in a mobile device. And then only 300px when it's in a larger screen device.
Anyone know of the CSS code that would do this?
I've heard of the tag@media only screen but do not know how to use it in this situation.
any help?
thanks
I'm looking for an elegant solution for formatting emails to look good in mobile.
I want the emails to look like text based emails with a width of 300px.
I'm inserting the text in a table that's 300px.
Problem: It looks horrible in Iphone. It's shrinking down the text to too small.
What I need is some kind of CSS solution that will format the text to 100% of the screen when it's in a mobile device. And then only 300px when it's in a larger screen device.
Anyone know of the CSS code that would do this?
I've heard of the tag@media only screen but do not know how to use it in this situation.
any help?
thanks
-
Andy Crofford -
Thanks
{{ DiscussionBoard.errors[3374682].message }} -