電腦瀏覽
- 不使用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
沒有留言:
張貼留言