我使用Foundation for Emails创建了一些HTML电子邮件。我在iOS Mail应用程序中看到了与我创建的每封电子邮件一致的奇怪行为。出于某种原因,预览文本中包含换行符。这就是我的意思:
不是将整个预览文字显示为连续字符串,而是放置"谢谢"在它自己的路线上。
这是预览文本的代码:
<span class="preheader" style="color:#f3f3f3;display:none!important;font-size:1px;line-height:1px;max-height:0;max-width:0;mso-hide:all!important;opacity:0;overflow:hidden;visibility:hidden">Thanks for your order! Your order number is 1538. Please save this order confirmation email for your records.</span>
我无法弄清楚预览文字以这种方式显示的原因。有没有人有任何线索?
即使我完全删除预览文本,预览仍会显示换行符。例如,如果.preheader
部分为空,则iOS会将预览文本显示为:
Thanks
For Your...
我很困惑。有谁知道造成这种情况的原因是什么?
除了.preheader
标记上的样式之外,还有一个可能相关的事情,body
上还有这些样式,它是.preheader
标记的父级。 / p>
-moz-box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-box-sizing:border-box;-webkit-text-size-adjust:100%;Margin:0;box-sizing:border-box;color:#0a0a0a;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;min-width:100%;padding:0;text-align:left;width:100%!important
答案 0 :(得分:1)
电子邮件是通过BigCommerce发送的。这是BigCommerce如何编码电子邮件的问题。 BigCommerce添加了换行符来限制行长度,但没有正确使用&quot; quoted-printable&#39;编码以确保连续的线条保持连续。令人沮丧,但至少有一个解释。我给他们发了一个解释,以便我们看看它是否得到修复。