HTML, CSS untuk mel
Saya sedang mengusahakan beberapa surat berita untuk syarikat saya dan kami sedang menangani beberapa isu dengan pelanggan e-mel yang berbeza, cth. Gmail, Outlook dalam talian, Outlook dalam apl, versi mudah alih pelanggan ini.
Setiap teks di dalamnya kelihatan berbeza. Masalahnya juga ialah aplikasi Outlook tidak menyokong dengan betul Sebarang cadangan tentang cara membuat reka bentuk kelihatan sama dalam kebanyakan pelanggan e-mel dengan beberapa kod? Kod semasa adalah seperti berikut
P粉4474950692023-09-09 14:47:56 Malangnya, kebanyakan elemen dalam html dan css tidak disokong oleh pembekal e-mel. Saya tahu terdapat dokumentasi yang boleh dipercayai yang boleh membantu anda mengenai topik ini. Anda boleh menyemak imbas untuk mencari elemen yang disokong dan CSS dan menukar templat anda dengan sewajarnya. https://elasticemail.com/supported-css https://www.campaignmonitor.com/css/selectors/class/ 。所以我必须将其转换为 table 和 spans . Jadi saya perlu menukarnya kepada jadual dan span.
<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>
membalas semua(1)saya akan balas
