今天幫朋友解決電子報在 Outlook 顯示不正確的問題。其實問題很簡單,在 html 裡面的 width 數值不用加 px,若是加上去了,在 Outlook 就會被忽略掉,導致整個指定的寬度跟高度都不對了。
這個在 Outlook Express 與 Thunderbird 裡面看都沒問題,唯有 Outlook 2007/2010 會顯示不正確。或是應該說,只有 Outlook 嚴格的檢查了 html 語法。
查問題的時候又看到一些有用的資料,紀錄一下:
各個 email client 對 CSS 的支援
http://www.campaignmonitor.com/css/
Outlook 的 CSS 支援速查表
http://maanehunden.wordpress.com/2009/05/25/how-to-write-compatible-html-for-outlook-mails/
一個 email 測試軟體, 讓你預覽各家 client 的畫面, 同時 blog 裡也有不少有用的資訊
http://www.emailonacid.com/blog