此消息已修改为适合您的屏幕。点击这里显示原创 [英] This message has been modified to fit your screen. Tap here to show original

问题描述

我制作了固定的电子邮件模板。但是当我试图在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不会应用字体更改。

显示：无风格导致非Gmail客户端隐藏该块（Gmail忽略显示：无） 。当Gmail中的电子邮件被视为非Gmail移动客户端时，不会影响响应式布局。

I made fixed email template. But When I trying to test it on mobile devices in gmail (and it is happening only in gmail) it is break my layout (looks like it make my layout to fit device width like in responsive emails). There is a message : "This message has been modified to fit your screen. Tap here to show original". After tap it looks perfect without any defects. Is there any method to prevent this and show the original email at the beggining?

解决方案

Found the answer. Maybe it helps someone. To show original layout need to add to the end of the email this code.

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

The white-space:nowrap with the dashed line creates a line about 500px across that when bumped up in size will exceed 700px causing the Gmail to not apply the font change.

The display:none style causes non-Gmail clients to hide the block (Gmail ignores display:none). When the email is viewed in say, a non-Gmail mobile client, it won’t affect responsive layout.

这篇关于此消息已修改为适合您的屏幕。点击这里显示原创的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！