郵件不支持css的解決方法

發(fā)布時間：2020-12-31 13:51:03 來源：億速云閱讀：379 作者：小新欄目：web開發(fā)

這篇文章主要介紹郵件不支持css的解決方法，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

郵件不支持css是由于使用了內(nèi)部樣式和外部樣式導(dǎo)致的，其解決辦法就是在郵件中使用內(nèi)聯(lián)樣式，因?yàn)猷]件主要部分在body內(nèi)部，所以樣式一定要寫成內(nèi)嵌的，不能在head標(biāo)簽中寫style，也不能外聯(lián)。

郵件不支持css？

郵件是支持css的，但是需要使用內(nèi)聯(lián)樣式，內(nèi)部樣式和外部樣式無法使用。

下面是一些在郵件中使用css的注意事項：

1.郵件使用table+css布局

2.郵件主要部分在body內(nèi)部，所以樣式一定要寫成內(nèi)嵌的，不能在head標(biāo)簽中寫style，也不能外聯(lián)。

3.不能用浮動的方式定位。position：absolute;float:left;等都不行，float在qq郵箱客戶端中可以識別，但是在outlook中無法識別。

4.表格的border，使用table上的border屬性，可以在qq瀏覽器中兼容，但是在outlook中打開是沒有邊框的，這種情況，我么只能給每一個td加一個border，在table中使用border-collapse:collapse;來合并重復(fù)的邊框。

5.為了保證兼容性，需要把郵件的寬度設(shè)置為600px，最大600px；

6.少用img，因?yàn)楹芏噜]箱客戶端默認(rèn)不顯示圖片，所以，如果需要圖片的話，一定要寫好alt和title；

7.背景圖片，盡量用background-color使用純色背景，如果一定要用背景圖片，使用background屬性，

8.郵件不支持javascript，flash以及一些特殊的標(biāo)簽。

由于郵件客戶端對css支持各有不同，所以一定要多測試再發(fā)送，保證樣式的正確。如果出現(xiàn)了不兼容的情況，一定要耐心的使用最簡單的方式進(jìn)行兼容，盡量少用特殊標(biāo)簽及比較復(fù)雜的屬性。

以上是“郵件不支持css的解決方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡