Html 此消息已被修改以适合您的屏幕。点击此处以显示原稿

我做了固定的电子邮件模板。但当我试图在gmail的移动设备上测试它时（这只发生在gmail中），它破坏了我的布局（看起来它使我的布局与响应电子邮件中的设备宽度相适应）。有一条消息：“此消息已被修改以适合您的屏幕。点击此处显示原始信息”。轻敲后，它看起来完美无瑕。是否有任何方法可以防止这种情况并在beggining上显示原始电子邮件？

如果您希望删除电子邮件的大小调整并将其保持在定义的（非响应比例），请将

添加到您的电子邮件中，这样应该可以防止电子邮件的大小调整

---

如果你想让它使用媒体查询等。这是不可能发生的，因为gmail应用程序完全去除了样式标签，你必须先构建一个gmail应用程序，然后从gmail应用程序开始。

将内联样式放在一个横跨整个模板宽度的元素上。例如：

。这使得GMail的自动调整大小“功能”不会干扰布局的其余部分。

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

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

空白：带虚线的nowrap创建了一条大约500px的线，当它的大小增加到超过700px时，会导致Gmail不应用字体更改

---

display:none样式导致非Gmail客户端隐藏该块（Gmail忽略display:none）。当在非Gmail移动客户端中查看电子邮件时，它不会影响响应布局。

这是唯一对我有效的方法。谢谢。Gmail现在似乎支持显示属性。在我的例子中，我还是使用了这个选项，并将display:none放在移动设备的媒体查询下。