html - 此消息已被修改以适合您的屏幕。点按此处显示原件

Question

我制作了固定的电子邮件模板。但是当我尝试在 gmail 中的移动设备上测试它时(它只发生在 gmail 中)它破坏了我的布局(看起来它使我的布局适合设备宽度，就像在响应式电子邮件中一样)。有一条消息:“此消息已被修改以适合您的屏幕。点击此处显示原始消息”。点击后看起来很完美，没有任何缺陷。有什么方法可以防止这种情况并在开头显示原始电子邮件吗？

Answer 1

找到了答案。也许它可以帮助某人。要显示原始布局，需要将此代码添加到电子邮件的末尾。

<tr>
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</div>
</tr>

带有虚线的 white-space:nowrap 创建了一条约 500px 的线，当尺寸增大时将超过 700px，导致 Gmail 不应用字体更改。

display:none 样式会导致非 Gmail 客户端隐藏 block (Gmail 忽略 display:none)。例如，在非 Gmail 移动客户端中查看电子邮件时，不会影响响应式布局。