Ich arbeite an einigen Newslettern für mein Unternehmen und wir beschäftigen uns mit einigen Problemen mit verschiedenen E-Mail-Clients, z. Gmail, Outlook online, Outlook in App, mobile Versionen dieser Kunden.
Jeder Text darin sieht anders aus. Das Problem besteht auch darin, dass die Outlook-Anwendung Irgendwelche Vorschläge, wie das Design mit etwas Code in den meisten E-Mail-Clients gleich aussehen kann? Der aktuelle Code lautet wie folgt
。所以我必须将其转换为 table 和 spans nicht ordnungsgemäß unterstützt. Also muss ich es in table und spans konvertieren.
<div style="background-color: white; margin-right: 9px; margin-left: 9px; padding-bottom:1px; margin-bottom:10px;">
<table style="background-color: white; border-color: black;padding-bottom:1px; margin-bottom:10px;">
<tbody>
<tr>
<td>
<h3 style="color: #000000; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 16px; font-style: normal; line-height: 24px; letter-spacing: normal; text-align: left; display: inline-block;"> Hello, </h3>
<br />
<span style="font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 13px; line-height: 18px; font-style: normal; font-weight: normal; color: #787878;"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla turpis magna<br /> cursus sit amet, suscipit a, interdum id, felis. Ut tempus purus at lorem. <br /> Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. <a href="https://blog.inpage.cz/obrazek/2/kitten-jpg/">here</a>.<br /> <br /> Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</span>
</td>
</tr>
<tr>
<td><img style="text-align: left; width: 275px; height: 105px; margin: 10px; border-width: 0px; border-style: solid; float: left;" src="https://blog.inpage.cz/obrazek/2/kitten-jpg/" alt="CAD" /></td>
</tr>
<tr>
<td>
<h2 style="color: #f26503; font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 24px; line-height: 36px; text-align: center;"><u>here, lorem</u></h2>
</td>
</tr>
</tbody>
</table>
</div>
<span style="line-height: 0.1; padding:1px; margin:10px;">
</span>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
不幸的是，电子邮件提供商不支持 html 和 css 中的大多数元素。我知道有可靠的文档可以在这个主题上为您提供帮助。您可以通过浏览找到支持的元素和 CSS，并相应地更改您的模板。
https://elasticemail.com/supported-css
https://www.campaignmonitor.com/css/selectors/class/一个>