【问题标题】:How do I prevent mail width compressing in the gmail?如何防止gmail中的邮件宽度压缩?
【发布时间】:2019-07-11 15:10:46
【问题描述】:

我有一封固定宽度的邮件。但是gmail会压缩它。如何防止压缩?

<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;">&nbsp;</td>
                  </tr>
                  </tbody>
                </table>
                <!--spacer-->

                <table cellpadding="0" cellspacing="0" border="0" width="570" ...

在其他应用程序中我没有这个问题。我试图修复所有层,包装器应该是 100% 宽度。有什么技巧可以让gmail理解宽度吗?

如果我有几个字母,gmail 会进行“对话”,并且所有内容都会作为引号。之后,每个报价布局都会刹车!!!即使之前还可以。因为gmail使用这个“很棒”的功能削减了一半的样式!

【问题讨论】:

  • Gmail 希望您的样式标签位于文档的头部。 Gmail 将仅读取第一个媒体查询。 HTML + 图片组合应小于 102kb。这应该让你开始
  • @Syfer 如果我想一直保存 600px 的宽度,我应该写什么?
  • 你在问两件事。一个是对话视图,另一个是电子邮件压缩(?)。对于对话,每次向 Gmail 发送带有不同主题行的电子邮件,并使用不同的正文副本来解决它。至于挤压,stackoverflow.com/questions/35479271/…之前已经有一个问题@

标签: email gmail html-email


【解决方案1】:

这个问题是因为在应用程序中增加了字体大小。为了防止增加,我在最后添加了这一行:

<div style="white-space:nowrap!important;line-height: 0; color: #ffffff;">
- - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
</div>

【讨论】:

    猜你喜欢
    • 2012-03-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-18
    • 2016-12-26
    相关资源
    最近更新 更多