如何製作響應式edm ，且在outlook不會跑版？

edm mjml outlook mail

mino66 2023-07-20 19:23:16 ‧ 1100 瀏覽

分享至

最近需要設計edm版型，上網查了很多資料，也有試用了MJML來製作edm，在yahoo等信箱都有正常顯示，但在outlook上寬度總是變成滿版，沒有依設定的最大寬為600px置中，請問各位高手有了知道如何解決嗎？
(ps：信件是透過mailhunter系統寄發)

看更多先前的討論...收起先前的討論...

rian1995 iT邦新手 5 級 ‧ 2023-07-21 10:18:36 檢舉

追蹤中..
如果用官網提供的Demo MJML模板如果一樣會跑版嗎?
過去我是自己寫信件的html版型，Outlook的CSS支援性是出奇的差，而且常常通常預設不吃<style>，基本上寫好後，直接用word打開，沒跑版太嚴重，在OutLook上才能有及格的表現。

mino66 iT邦新手 5 級 ‧ 2023-07-21 10:27:32 檢舉

感謝回覆～
官網提供的Demo MJML模板，我有試著mailhunter系統寄發，到outlook也是跑版，所以想知道是否outlook上目前還是沒辦法作到可以設定最大寬600px的響應式edm？

mino66 iT邦新手 5 級 ‧ 2023-07-21 10:31:09 檢舉

但我也有改用Putsmail 試發到outlook，就有正確顯示最大為600px，所以我不確定是不是透過mailhunter系統寄發的問題…

rian1995 iT邦新手 5 級 ‧ 2023-07-24 16:52:43 檢舉

在內層css max-width:600px; ex: <table style="max-width:600px"> 我印象可以吃到屬性，如果不行就只能寫死width:600px; 而且可能要考慮比較古老的解決方法了。我印象中: 一部份信件收發只會保留html部分，會移除掉<style>部分，而mjml的特色是有一個<style>。可能不只是接收端；發送端也有關係。這就是SMTP的領域了。還有一個可能是outlook版本也會影響
有關outlook 討論 https://github.com/mjmlio/mjml/issues/1182
有人介紹outlook MJML搭配插件生成html文本 : https://medium.com/schaoss-blog/build-rwd-email-template-via-mjml-9665421c4c46