Clever Geek Handbook

How to handle media queries in HTML emails in Gmail?

I am sending responsive HTML emails with my website, with the media, but in Gmail / Inbox, max-width

the media query refers to the browser viewport, not the HTML email.

So, on every other email client my messages go to mobile display at 600px, in Gmail / Inbox, this compromise is broken.

Do you have a solution to make the media query as a viewport instead of the browser's viewport?

+3


source to share


2 answers


Hello, you can link to this article, it can help you with the reaction.



https://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919

+2


source


  • Recommended approach: <meta name=viewport content="width=device-width, initial-scale=1">

  • Avoid minimum-scale

    , maximum-scale

    , user-scalable

    .


+2


source






More articles:


All Articles