【问题标题】:Newsletter layout crashes with Gmail简报布局在 Gmail 中崩溃
【发布时间】:2013-10-29 23:13:23
【问题描述】:

我实际上已经在 Mailchimp 上创建了一个模板。我使用了 Mailchimp 的基本模板并将其转换为他们给我的设计。我使用 Mailchimp 的 CSS inline tool 以内联模式插入所有代码,因为 Gmail 不接受标题上的任何样式。我只有在 Gmail 上遇到这个问题,其余的都很好。我能做什么?

由于代码很长,如果您想查看,我将其插入小提琴中:

http://jsfiddle.net/z27Bw/

我需要一个n 的答案,因为这对我来说是个谜!

【问题讨论】:

    标签: html css inline newsletter mailchimp


    【解决方案1】:

    您在 HTML 中有 2 个未关闭的 <td> 标记——一个在 476 行,一个在 482 行。可能是导致 Gmail 出现问题的原因。如果这不能解决问题,我会说是的,这可能是一个 colspan 问题。

    【讨论】:

      【解决方案2】:

      你可以试试这个

      这样写第一个 tr 代码

      <tr>
      <td colspan="2" height="281"> </td>
      </tr>
      

      而不是

      <tr>
      <td width="35" height="281"> </td>
      <td class="headerContent"> </td>
      </tr
      

      >

      然后把那个大标题图片放进去。

      【讨论】:

      • 您认为问题出在标题上?为什么选择 colspan 2?
      • 我在 Gmail 上仍然遇到同样的布局错误。你还有其他选择吗?
      • 我删除了列,然后在 gmail 上进行了测试,它工作正常,这里是小提琴链接jsfiddle.net/Mohinder/U6pFy
      • 这是我从第 377 行删除的内容  
      • 是的,我也在检查,这就是工作不正常。这是所有正文内容左侧的边距。如果我把它拿出来布局效果很好,但我怎样才能为整个身体添加一个边距?边距和填充不能正常工作对吗?如果它有效,我会给你的答案是正确的!
      猜你喜欢
      • 2017-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-29
      • 2014-03-10
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多