我同意安迪在'電子郵件客戶端不好支持CSS'。這是一個普遍的規則,並且已經有很長的歷史了。
這就是說 - 當我們談論移動電子郵件客戶端時,沒有任何運行MS Outlook '95的電話,如果您知道我的意思!
看看那裏的電子郵件功能的智能手機設備的市場細分,你會看到支持的比例高於桌面世界。
在我們公司,我們的每週電子郵件的讀者人數超過50%在iPhone獨自。其中包括桌面版Gmail,Hotmail,Outlook等。我們看到移動應用的持續發展趨勢成爲我們關注的焦點,桌面系統正在成爲第二個小提琴。
我們並沒有耗盡和構建移動網站,但我們正在剪裁我們的電子郵件以便移動設備。例如:Everguide Weekly Guide Email
因此,關於您的CSS - 目前事實上非常難以確保正確讀取和解釋媒體查詢。我們發現Android不喜歡像iOS一樣玩球,但是通過一些很好的調整和代碼攻擊,我們已經到了那裏。
下面是我們的一個交易電子郵件模板的示例 - 它的上限爲520px寬,但在不同設備上時會縮放到設備寬度等。
需要測試和耐心才能獲得正確的結果。對於我們的下一個項目,我將從頭開始使用Campaign Monitor中的這個新指南:Campaign Monitor's guide to Responsive Email Design
我會一點一點地構建它,使用adobe shadow(最近我已經重新命名了),以及各種on-屏幕模擬器,以確保代碼真正響應每一步。
如果我是你的話,請先確定你自己的'樣板',然後保存,然後將所有未來的電子郵件設計關閉此模板。
我專門研究這一點 - 目前還沒有可靠的方法。
祝你好運!