Question

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

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>

白色空间：带有虚线的nowrap会创建一条大约500px的线，当大小增加时会超过700px，导致Gmail无法应用字体更改。

显示：无样式会导致非Gmail客户端隐藏阻止（Gmail忽略显示：无）。如果在非Gmail移动客户端中查看电子邮件，则不会影响响应式布局。

Answer 2

put inline styles on an element that spans the full width of the template. ex: <td style="min-width:600px;"></td>. That keeps GMail's auto-resize 'feature' from messing with the rest of the layout.

Answer 3

如果您要删除电子邮件的大小调整并将其保持在定义的（无响应比例），请将<meta name="viewport" content="width=device-width, initial-scale=1"/>添加到您的电子邮件中，这样可以防止调整大小。

如果你正在尝试让它使用媒体查询等，这不会发生，因为gmail应用程序完全删除了样式标记，你必须构建为hybrid并首先使用Gmail应用程序。< / p>

此消息已被修改以适合您的屏幕。点按这里显示原始

3 个答案: