2 回答

TA貢獻2036條經驗 獲得超8個贊
以下是我從您的信息中收集到的一些建議:
就像我在評論中所說的那樣,盡可能多地使用表格。
避免使用類并使用內聯樣式。將字體樣式添加到您的td以及您的 td 內的任何 html 元素。使用font或span標簽而不是p標簽。
一個例子:
<td style="font-family:Arial; font-size:18px;">
<font style="font-family:Arial; font-size: 18px">Text here</font>
</td>
不要使用填充、邊距和浮動,使用高度和寬度來創建間距。您甚至可以使用透明圖像來創建間距:
<tr>
<td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->
<td><img src="full-image.jpg" alt="your visible image here"></td>
<td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->
</tr>
<!-- horizontal spacing to create top/bottom margins START -->
<tr height="50" style="height:50px;">
<td height="50" width="10" style="height: 50; width: 10px"></td>
<td height="50"><img height="50" style="height: 50px;" src="transparent.png" alt="this is a transparent image"></td>
<td height="50" width="10" style="height: 50; width: 10px"></td>
</tr>
<!-- horizontal spacing to create top/bottom margins END -->
<tr>
<td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->
<td><img src="full-image.jpg" alt="your visible image here"></td>
<td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->
</tr>
其他提示:
避免使用 css border-radius,使用圖片代替
使用網絡安全字體,使用谷歌查找哪些是網絡安全的
使用 CDN 引用您的圖像
Litmus有免費的模板,您可以使用這些模板作為代碼的基礎,它們保證可以在任何客戶端/設備中工作。
我希望這有幫助。如果您還有問題,請告訴我。

TA貢獻1818條經驗 獲得超7個贊
請注意,Outlook 使用 Word 來呈現電子郵件。您可以在以下文章中閱讀有關受支持和不受支持的 HTML 元素、屬性和級聯樣式表屬性的更多信息:
- 2 回答
- 0 關注
- 284 瀏覽
添加回答
舉報