2013-12-20 88 views
1

我只是想在我的朋友/家人周圍發送一封聖誕電子郵件,我已經將它建立爲完全響應式等等,這就是我一直這樣做的方式。然而,因爲它只是給朋友,我不會通過MailChimp發送它,通常這些發送給我的一切都沒有問題。電子郵件中的媒體查詢[Gmail]?

我試圖發送它的方式是打開index.html文件,選擇全部,複製,然後粘貼到Gmail。這對我來說一直很好,工作。然而,這是我嘗試以這種方式發送的第一個響應式電子郵件,而且似乎媒體查詢不會以這種方式發生,至少在gmail中沒有 - > hotmail測試,我只是這麼做了(調整窗口大小等什麼都不做,只顯示桌面版)。

有沒有更好的方式發送已經構建的HTML郵件,而不僅僅是在Gmail中複製/粘貼?

回答

5

不幸的是,Gmail不支持<style>標記。媒體查詢只能在<style>標記中調用,而不是內聯,因此Gmail不支持它們。

這裏是support chart

我建議你堅持一個像Mailchimp一樣的ESP來發送html電子郵件。但是,當您在Gmail中玩耍時,here is a tool可能會幫助您調試電子郵件代碼的問題。

+1

這個答案在編寫時可能正確也可能不正確,但今天它不正確。但是,移動設備上的Gmail應用仍然是正確的。 –

4

所選答案實際上並不正確! Gmail會從電子郵件正文中去除ID和類,但樣式標記仍會保留。

您可以使用以下方法:

*[summary~='fakeclassname'] { 
    styles: here; 
} 

「摘要」是Gmail對帶出來的屬性之一。之後,我突然想到了什麼的Gmail實際上在做的郵件我發現這篇文章,打破了下去詳細:

http://freshinbox.com/blog/interactive-emails-in-gmail-using-css-attribute-selectors/

有一些頁面上的更深入地針對Gmail的靶向有用的鏈接。

注意:Gmail 應用確實會剝離樣式標記,並且市場份額不斷上升(Android不再具有原生應用並推動用戶使用Gmail應用)應該被視爲移動優先的起點電郵發展。

相關問題