How to make a fluid width email with a max width

Question

I have a table element which I\'m going to send as an email.

I want it to render on outlook 2010, gmail native for android, and gmail on chrome on android.

I wou

Answer 1

Use conditional code with fluid layout. I also would assign a class or ID to your container and have it as a defined width (e.g.600px) in style block in head with media queries pushing back to percent after dropping below that width. This is for Apple mail and a couple other clients that do not respect max-width.

E.g.

    

    
                

                    

                    
 YOUR CONTENT HERE