近期開發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"
近期開發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"