除 gmail 外,所有电子邮件客户端的一切都很好。该客户端强制调整整个布局的字母宽度。是的,您可以按菜单中的按钮-“显示原件”,但这不起作用,您需要立即显示正常布局。我固定每一层的宽度,在body之后添加一个magic spacer:
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> </div>
唉,它没有帮助。这是我的信的包装:
<table bgcolor="#F3F3F3"
style="Margin:0;margin:0;padding: 0;font-family:'Arial',sans-serif;max-width:100%;padding:0;width:100%;background:#F3F3F3;">
<style>
a{
text-decoration: none;
color: inherit;
color: inherit !important;
}
@media print{
body, html{
-webkit-print-color-adjust: exact;
}
}
</style>
<tbody>
<tr>
<td>
<center>
<table width="600" bgcolor="#6999CC"
style="Margin:0 auto;margin:0 auto;max-width:100%;width:600px;background:#6999cc;">
<tbody bgcolor="#6999CC" style="background: #6999CC">
<tr bgcolor="#6999CC" style="background: #6999CC">
<td bgcolor="#6999CC" style="background: #6999CC">
<center bgcolor="#6999CC" style="background: #6999CC">
<table>
<tbody>
<tr>
<td height="4" style="height: 4px;line-height: 4px;"> </td>
</tr>
</tbody>
</table>
<!--spacer-->
<table cellpadding="0" cellspacing="0" border="0" width="570" ...
当有几个字母并且它们聚集在对话中时,它们的内容就变成了引号。什么变成了引用,即使之前正常显示,现在显示不是编造的。由于 gmail 使用这个强大的功能删除了一些样式。
这个问题是由于应用程序本身随意增加了字体。要禁止字体增加,添加一行禁止传递所需宽度就足够了: