gmail忽略的自適應CSS媒體查詢

Question

我正在使用Gmail和chrome開發工具（響應速度為382x661），而我的電子郵件模板CSS被忽略了。

在標題中，我有：

 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

我的CSS：

@media screen and (max-device-width:500px), screen and (max-width:500px) {
/* css */
}

我的自適應CSS被忽略，電子郵件模板以桌面模式顯示。

我該如何解決？

Answer 1

根據你住的地方和 Gmail客戶端，你正在檢查該電子郵件，在media-queries仍可能不支持。

2016年底，美國的Gmail帳戶開始獲得媒體查詢支持，而英國的帳戶卻沒有。 此后，英國獲得了媒體查詢支持，但世界其他地區可能尚未覆蓋。

Gmail 還將基於Gmail產品推出。 以下是該部署現在所處位置的快速細分：

有關石蕊的更多信息和更新的圖表

---

無論您身在何處，每個Gmail客戶端都不支持媒體查詢。