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

Question

我制作了固定的电子邮件模板。但是当我尝试在 gmail 中的移动设备上测试它时（它只发生在 gmail 中）它破坏了我的布局（看起来它使我的布局适合设备宽度，就像在响应式电子邮件中一样）。有一条消息："This message has been modified to fit your screen. Tap here to show original"。有什么方法可以防止这种情况并在开头显示原始电子邮件吗？

这个 中已经出现了完全相同的问题。但是最近两三天前 gmail 应用程序更新了，这个 hack 停止工作。有人有解决办法吗？

解法：

<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>

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>

Answer 2

请在移动原生应用的媒体查询中添加具有 display:none 属性 的 @class。

 <div class="display-mobile" style="white-space:nowrap; font:15px courier; line-height:0;width:600px!important;">&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; &nbsp; &nbsp; &nbsp; &nbsp;</div>

在媒体查询中添加此 属性：

.display-mobile{display: none !important;}