Gmail 与 Apple 邮件客户端中的电子邮件失真
Email Distored in Gmail vs Apple mail client
所以我有一个应用程序,允许将 HTML 正文的文本发送给客户。电子邮件看起来在 apple 邮件客户端中找到,但是当在 gmail webbrowser 中打开相同的电子邮件时,电子邮件被扭曲,就像它没有收到一样 css。有人经历过吗?
这是HTMLcss.
<p>Hi, Lorem ipsum,</p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem</p>
<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline is taken for type specimens: Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus nos eludet?Sed ut perspiciatis rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi,</p>
<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline is taken for type specimens: Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus nos eludet?Sed ut perspiciatis rem aperiam eaque.</p>
<p>aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui:</p>
<blockquote>
<p><b>1.</b>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.<br />
<b>2.</b> Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.<br />
<b>3.</b> Lorem Ipspms <strong>Ipsum Lorem </strong>by completing this assessment will matter. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut! </p>
</blockquote>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.</p>
<p style="text-align:center;"><a class="btn button--blue" href="%url%" target="_blank">Click Here</a></p>
<blockquote>
<p>(Note: Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem!<br/>
</blockquote>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam <a href="https://url.com/v2/url?u=https-3A__forms.kanarys.com_kanarys_form_KanarysTroubleShootingForm_formperma_-5FYb-5Fu1Ao9Cr3zOFD3JrVyOwiPp-5FXGsfRawKjYbpiLqc&d=DwMFaQ&c=lN81rx7osu0xwbZXrPpO-qFGLcgA8g9x83GV6eHvJD8&r=fVwWumQF2dXaJ7QG37WTjwjl18fXCZlB5RMBwx0aemo&m=M1WHlhrkSY08ywUB_O_i6XvbsVg9PXp7xYMeoN-iIWU&s=-FIe0JU5q7u1QjVt73a452PViPoIDCzE00IBcv5SV3w&e=">here</a></p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem! </p>
<p>Lorem Ipsum,<br />
<br />
Star Ipsum<br />
联合创始人 Lorem Ipsum
来自 Gmail 网络浏览器的电子邮件
来自 Apple 邮件客户端的电子邮件
抱歉,电子邮件在不同的电子邮件服务中显示不同。例如,一些电子邮件服务支持 css 动画,而有些则不支持。我建议您尝试一下您发送的电子邮件和 HTML。
如果其中包含不受支持的内容,Gmail 将忽略您的整个部分。您查看这些网站并尝试找出 Gmail 不支持哪些 css 元素。
https://www.caniemail.com/clients/
https://caniuse.email/
所以我有一个应用程序,允许将 HTML 正文的文本发送给客户。电子邮件看起来在 apple 邮件客户端中找到,但是当在 gmail webbrowser 中打开相同的电子邮件时,电子邮件被扭曲,就像它没有收到一样 css。有人经历过吗?
这是HTMLcss.
<p>Hi, Lorem ipsum,</p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem</p>
<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline is taken for type specimens: Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus nos eludet?Sed ut perspiciatis rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi,</p>
<p>Cicero famously orated against his political opponent Lucius Sergius Catilina. Occasionally the first Oration against Catiline is taken for type specimens: Quo usque tandem abutere, Catilina, patientia nostra? Quam diu etiam furor iste tuus nos eludet?Sed ut perspiciatis rem aperiam eaque.</p>
<p>aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui:</p>
<blockquote>
<p><b>1.</b>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.<br />
<b>2.</b> Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.<br />
<b>3.</b> Lorem Ipspms <strong>Ipsum Lorem </strong>by completing this assessment will matter. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut! </p>
</blockquote>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem.</p>
<p style="text-align:center;"><a class="btn button--blue" href="%url%" target="_blank">Click Here</a></p>
<blockquote>
<p>(Note: Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem!<br/>
</blockquote>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam <a href="https://url.com/v2/url?u=https-3A__forms.kanarys.com_kanarys_form_KanarysTroubleShootingForm_formperma_-5FYb-5Fu1Ao9Cr3zOFD3JrVyOwiPp-5FXGsfRawKjYbpiLqc&d=DwMFaQ&c=lN81rx7osu0xwbZXrPpO-qFGLcgA8g9x83GV6eHvJD8&r=fVwWumQF2dXaJ7QG37WTjwjl18fXCZlB5RMBwx0aemo&m=M1WHlhrkSY08ywUB_O_i6XvbsVg9PXp7xYMeoN-iIWU&s=-FIe0JU5q7u1QjVt73a452PViPoIDCzE00IBcv5SV3w&e=">here</a></p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut Quo acque tandem! </p>
<p>Lorem Ipsum,<br />
<br />
Star Ipsum<br />
联合创始人 Lorem Ipsum
来自 Gmail 网络浏览器的电子邮件
来自 Apple 邮件客户端的电子邮件
抱歉,电子邮件在不同的电子邮件服务中显示不同。例如,一些电子邮件服务支持 css 动画,而有些则不支持。我建议您尝试一下您发送的电子邮件和 HTML。
如果其中包含不受支持的内容,Gmail 将忽略您的整个部分。您查看这些网站并尝试找出 Gmail 不支持哪些 css 元素。 https://www.caniemail.com/clients/ https://caniuse.email/