近期開發EDM模板編輯器制作經驗總結，希望可以幫到您，
1、html采用表格布局，模板通常是1－3列式布局，推薦1-2列式；
2、響應式設計可使用@media 媒體查詢語句或百分比布局；
3、移動設備郵件模板寬度建議480px；
4、單張圖片尺寸不要超過1728px,否則outlook顯示不全；
5、郵件內容圖文比例4:6，否則容易進入垃圾箱;
6、文字行高line-height、元素間距要定義在塊狀元素上（p、td、h、li等）才能起作用
7、盡量寫行內樣式
8、不要使用背景圖片或gif動態圖
9、盡量不要用float、position來寫郵件效果，outlook下不支持
10、郵件中的按鈕盡量不要用圖片，可寫個壹行壹列的表格，裏面放個a標簽。因為按鈕在郵件中比較重要，用圖片的話，可能發到客戶郵箱未被允許加載圖片
11、在壹些低版本客戶郵件端會遇到元素之間莫名其妙的幾像素間距，怎麽調都調不好，這時候可以試壹下把html源碼壓縮壹下
12、郵件中的按鈕盡量不要用圖片，可寫個壹行壹列的表格，裏面放個a標簽。因為按鈕在郵件中比較重要，用圖片的話，可能發到客戶郵箱未被允許加載圖片。
13、img標簽要給alt屬性，再圖片未加載的情況，這個提示的文字就會顯示比較重要。
14、壹定要給p標簽和h系列標簽指定壹個margin和padding（我壹般默認全部設置margin:0;padding:0;），不然不同的郵箱收到的郵件，間距不壹致。font-size、font-weight也要指定，不然顯示也不壹致。
15、英文、數字不折行顯示的話，給包裹的td加上word-break:break-all。
16、Outlook會自動為table cell 添加1px border，請在郵件頂部的內聯樣式中加上 table td { border-collapse: collapse; }
17、table標簽上如果不需要邊框和間距請加上 border="0" cellpadding="0" cellspacing="0"