如何在Gmail中處理HTML電子郵件中的媒體查詢？

Question

我通過媒體查詢向我的網站發送響應式HTML電子郵件，但在Gmail /收件箱中，媒體查詢中的max-width引用的是瀏覽器視口，而不是HTML電子郵件。

因此，在其他所有郵件客戶端上，我的電子郵件切換到600px以下的移動顯示，在Gmail/Inbox中，此比例被打破。

您是否有解決方案讓媒體查詢將視口作爲視口而不是瀏覽器視口？

Answer 1

你好你可以參考這篇文章，它可以幫助你的resonsiveness。

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

Answer 2

1. 推薦做法：<meta name=viewport content="width=device-width, initial-scale=1">
2. 避免minimum-scale，maximum-scale，user-scalable。