2014-02-27 38 views
3

在這裏看到: Responsive emails on Gmail app (Android)的Gmail電子郵件響應 - 媒體查詢 - 樣式標記

我試圖建立一個使用電子郵件迴應所有的電子郵件客戶端。 Gmail正在從頭部/正文中刪除我的樣式標籤,因此查詢也被剝離。

我測試過使用Email On Acid,Gmail只顯示兩個版本!

這裏有什麼解決辦法:

1)使用框架? - 即使這些使用風格/媒體查詢

2)外部樣式表 - 有沒有什麼辦法使這項工作?

有沒有人發現這個問題的永久性解決方案。任何建議,我非常感謝! :)

+0

HTML電子郵件中的各種客戶端顯示已本身就是一場噩夢。使其響應是第二個噩夢。除非你有一個客戶支付研究和測試的夜晚,否則你將不得不最終完成這項工作(沒有保證),我會建議放手......但我知道這不是任何人都期望的答案 –

+0

可能的重複:http://stackoverflow.com/questions/13604300/responsive-emails-on-gmail-app-android/13611105#13611105 – John

+0

如果你正在尋找一個框架,請檢查Zurb's [墨水響應電子郵件框架](http://zurb.com/ink/)。它非常穩定,我目前正在將它用於GitHub HTML電子郵件。 –

回答

2

Gmail要求所有樣式都是內嵌的,它將刪除所有媒體查詢,並確定您頭腦中的任何內容......如果您沒有用這種方式編碼,我會建議通過此http://beaker.mailchimp.com/inline-css運行您的整個電子郵件可以解決問題。

另外值得一,如果你不使用屬性選擇與媒體查詢則是要看看在雅虎滑稽提我平時從這裏開始響應電子郵件

http://webdesign.tutsplus.com/articles/creating-a-simple-responsive-html-email--webdesign-12978

+0

內聯工具不適用於媒體查詢,因爲無法聲明內聯媒體查詢。 – John

+0

正確,但你不應該有一個媒體查詢顯示在GMail ... Opps他做了一個編輯的帖子,因爲我上次說它我認爲這是從瀏覽器的Gmail而不是從Android的Gmail完全不同在這裏,Android有非常與敏感的電子郵件spotty兼容我不認爲銀河S4甚至正確顯示媒體查詢。 – Travis

+0

感謝您的回覆,但人們用什麼來構建響應式電子郵件呢?因爲我能找到的就是Ink這樣的框架,但即使這些框架也有媒體查詢和樣式,它們將被Gmail剝離。我在Outlook 2003中也有問題,因爲mso的hide評論根本不起作用。其他人是否找到了解決辦法? – Luke