郵件內(nèi)容所在上下文或者說所在外部容器（以下簡(jiǎn)稱環(huán)境）都是由郵箱服務(wù)商決定的，這就要求郵件內(nèi)容需要在任何一種情況下都要正確顯示。

這些環(huán)境可能是以下某幾種情況：

• 可能是個(gè)iframe，你的內(nèi)容是被放在body里面的；可能只是個(gè)div，你的內(nèi)容就被放在這個(gè)div里面。
• 可能郵箱自身設(shè)置了些css，他可能對(duì)你產(chǎn)生未知的影響。
• 可能根本沒有申明doctype，即使申明了，也不是你想要的doctype。

惑：因?yàn)槿萜骺赡苁莃ody或div，所以，我們郵件內(nèi)容不應(yīng)該是一個(gè)完整的html。

解：所以郵件內(nèi)容應(yīng)該是以div為根節(jié)點(diǎn)的html片段。

惑：因?yàn)榄h(huán)境中可能已經(jīng)設(shè)置了css，比如一些reset、一些.class。

解：所以我們只能使用行內(nèi)style來確保我們的效果，并且在內(nèi)容根節(jié)點(diǎn)上設(shè)置基礎(chǔ)style，并且盡量使用div、span等無語義標(biāo)簽。

惑：因?yàn)閐octype的不確定性，我們?cè)趯憇tyle的時(shí)候，應(yīng)該考慮無論doctype是什么情況，都可以正常顯示，doctype影響最大的就是盒模型的解析。

解：所以我們要將盒模型拆分開來寫，比如我們將原本要定義在某個(gè)div上的height和padding分別寫到這個(gè)div和他的父元素或子元素上。

• 因?yàn)橹荒苁褂眯袃?nèi)style，所以清除浮動(dòng)需要使用額外標(biāo)簽。
• 避免使用絕對(duì)定位，可能會(huì)被過濾。
• 避免使用js，可能會(huì)被過濾。
• 避免使用table布局，不易于修改維護(hù)。
• 背景圖片或內(nèi)容圖片上的文字信息，必須在代碼中可見。
• 如果沒有特殊要求，所有a鏈接都要從新窗口打開，即target="_blank"，且a標(biāo)簽內(nèi)容不能為空。
• 所有鏈接必須設(shè)置使用顏色、是否下劃線，即style="text-decoration:;color:;"。
• 重點(diǎn)檢查ie?。?！

問題：部分智能手機(jī)的郵件客戶端可能會(huì)有只顯示部分的bug（寬度被截）。

解決：在外面套一個(gè)同寬的table即可。

推薦使用 email框架 來創(chuàng)建郵件內(nèi)容。