【问题标题】:Email Newsletter - Layout goes weird in gmail电子邮件通讯 - gmail 中的布局很奇怪
【发布时间】:2013-06-09 17:36:27
【问题描述】:

我为 MailChimp 创建了一个时事通讯。当我把它放在 mailchimp 网站上时,一切看起来都很好。

但是,当我向自己发送测试电子邮件时,Gmail 中的某些部分布局出现问题。

有些内容太左,有些内容太右。虽然标题和底部的一些部分在正确的位置。在我的手机上看起来不错。

我的通讯代码:http://pastie.org/private/cwvosox7nzezqif7r3myoq

我在 Gmail 中遇到的问题的图片:http://imgur.com/MPJNJq2

您能帮我解决它在 Gmail 中的显示方式吗? 谢谢!

【问题讨论】:

  • 欲了解更多信息,请查看此css support table。你可以检查一下,如果你使用了 gmail 实际上不支持的一些技术。
  • 是 align="left" 吗?如果是,我将如何解决它?
  • 不,html 属性 align 即使在 html 电子邮件中也应该有相当好的支持。你用什么浏览器?
  • 我使用的是 Firefox,但在 IE 中得到相同的结果
  • 也许您应该尝试删除所有不工作的部分,然后一个一个地重新添加它们,并使用测试邮件测试其间的每一步。

标签: gmail html-email mailchimp


【解决方案1】:

看起来您的页面宽度比 gmail 的 div 大... 或者kleinfreund的idea也有好处。

【讨论】:

  • 他应该尝试使用 MailChimp 中的新闻稿预览调整窗口大小
  • 我的宽度是 534px。我不明白为什么标题可以,但某些区域出错了
  • @RubyA 另请注意,您必须在所有容器 tds 上设置宽度:<td width="534">
【解决方案2】:

编辑:我刚刚重新阅读,看起来这是你自己的html。您的显示问题与您脑海中的样式直接相关。

您在上面显示的代码包含所有内容,gmail 无法识别 <head></head> 标记之间的任何内容。

您需要将所有的 CSS 移动到内联样式中

【讨论】:

  • 其实如果使用MailChimp,应该会自动内联CSS。但是,我不是 100% 信任它,所以我总是自己将我的 CSS 内联,但 MailChimp 确实有一个工具可以帮助完成这个过程:beaker.mailchimp.com/inline-css
猜你喜欢
  • 1970-01-01
  • 2014-02-11
  • 2013-06-11
  • 2011-12-26
  • 1970-01-01
  • 2018-03-03
  • 2016-10-21
  • 2011-07-13
  • 1970-01-01
相关资源
最近更新 更多