电子邮件在Gmail与Apple mail client中的差异

Question

因此，我有一个应用程序，允许文本的HTML正文发送给客户。电子邮件看起来像在苹果邮件客户端找到，但当打开同样的电子邮件在gmail网页浏览器，电子邮件是扭曲的，就像它没有收到css。有没有人经历过这种情况？

这是HTML css。

<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&nbsp;<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&amp;d=DwMFaQ&amp;c=lN81rx7osu0xwbZXrPpO-qFGLcgA8g9x83GV6eHvJD8&amp;r=fVwWumQF2dXaJ7QG37WTjwjl18fXCZlB5RMBwx0aemo&amp;m=M1WHlhrkSY08ywUB_O_i6XvbsVg9PXp7xYMeoN-iIWU&amp;s=-FIe0JU5q7u1QjVt73a452PViPoIDCzE00IBcv5SV3w&amp;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 web浏览器的电子邮件

​

来自Apple Mail客户端的电子邮件

​

​

Answer 1

如果其中有不受支持的内容，Gmail将忽略整个部分。您可以查看这些网站，并尝试找出Gmail中不支持的css元素。https://www.caniemail.com/clients/ https://caniuse.email/

Answer 2

很抱歉，电子邮件在不同的电子邮件服务中显示不同。例如，一些电子邮件服务支持css动画，而有些不支持。我建议您尝试一下电子邮件和您发送的HTML。