HTML電子郵件模板：是否可以僅為移動設備添加特定的CSS規則，這也適用於Gmail

Question

我有一個2列html模板，有幾個塊由邊框分隔。

是否可以制作一個Gmail友好的代碼來獲取移動分辨率的邊框？ 據我所知，gmail不會讀取媒體查詢。

<table ...>
    <tr>
        <td style="border-right: 1px solid #000;padding-left:20px;">...</td>
        <td style="padding-left:20px;">...</td>
    </tr>
</table>

謝謝

Answer 1

不，Gmail不支持媒體查詢。 這是不可能的。

Answer 2

盡管Gmail不支持媒體查詢是正確的，但如果您在默認版本（內聯樣式）中無邊框構建它並使用媒體查詢和嵌入式樣式表在桌面版本上設置樣式，則仍可以執行此操作。

（“Gmail優先”代碼的良好開端 - http://labs.actionrocket.co/the-hybrid-coding-approach-2 ）

對於Gmail網絡客戶端，您可以嘗試使用“技巧”： http ： //freshinbox.com/blog/interactive-emails-in-gmail-using-css-attribute-selectors/ 。

這個選項絕不是一個通用的解決方案，因為它需要相當多的代碼和全面的測試。 此外，並非所有樣式都通過電子郵件客戶端的媒體查詢和嵌入式樣式表接受。

這也意味着像Google Apps這樣的客戶（也會忽略所有樣式表）將顯示移動版本。