![]() ![]() I wrote about this retina display technique before.Īlso a reminder to compress your images. Note that you can make the image quality lower and it will still look good. This means as the viewport shrinks, your content area shrinks, as outlined here by only screen and ( max-width : 620px ) The easiest solution is to stick to a single column and make your emails fluid. You’ll hear various terms being thrown about including fluid, adaptive, responsive, hybrid, spongy and more. Now, as of September 2016, Gmail will support a slew of CSS properties which makes template development a lot easier for Gmail. This is HUGE for the email development industry. ![]() Update November 2016: Just recently Google announced support for embedded CSS and media queries in Gmail. Which means, like everything else in email, we need a bunch of hacks and methods for emails to be truly responsive and bulletproof for mobile. Mobile clients that DO NOT support media queries Mobile clients that DO support media queries StyleCampaign provides a great breakdown of media query support in mobile clients. So how does this apply to email? We can still make use of fluid design, grid based layouts and media queries, the problem is not all clients support these. When he wrote his article he was talking about web design. “By marrying fluid, grid-based layouts and CSS3 media queries, we can create one design, that, well, responds to the shape of the display rendering it.” What is responsive design? Ethan Marcotte coined the phrase “ responsive web design” back in 2010. 64% of decision-makers read their email via mobile devices.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |