電腦瀏覽
- 不使用div排版,請使用table來編排
使用table來配置img和text。原因很簡單,因為table tag歷史悠久,它是最能被大多數email client辨識的tag,容錯率高。
- 不使用css seletor,請使用inline-css
因為在<head>中設置的style,可能會被收信系統刪除,為了確保你要的樣式可以正常地被呈現,請將css個別地寫在tag行內。
- 圖片(img)之來源(src)請設為「絕對路徑」
- 圖片(img)請務必設置正確的width和height屬性,alt屬性亦然
- 不使用影片及flash相關tag
- 無法使用 Media Queries
@media screen and (min-width: 1200px) {
// 如果使用者之視窗寬度 >= 1200px,將會再載入這裡的 CSS。
}
@media screen and (min-width: 768px) and (max-width: 979px) {
// 如果使用者之視窗寬度介於 768px ~ 979px,將會再載入這裡的 CSS。
}...
國外有一個網站專門蒐集各式各樣的 Media Queries 效果,網站名稱就叫做「Media Queries」,網址:http://mediaqueri.es/。 - 不使用javascript
在近年來垃圾廣告郵件氾濫的時代,即使你是一家正常發送電子報給會員的電子商務網站,也請加入這個功能,以免被spam