【问题标题】:Padding not respected on mobile email移动电子邮件不尊重填充
【发布时间】:2015-02-14 19:27:58
【问题描述】:

我的电子邮件在笔记本电脑/台式机上看起来很棒,但由于某种原因,填充在 iOS 和 Android 客户端上丢失了。

这里有一些截图。

网页版(Gmail)

移动(iOS)

完整的 HTML 代码可以在这里找到(下面显示几行以通过 SO 过滤器):

http://jsfiddle.net/timrpeterson/3fpjddz5/

<body style="background:rgb(251,252,253);padding: 0; width: 100% !important; -webkit-text-size-adjust: 100%; margin: 0; -ms-text-size-adjust: 100%;" >

【问题讨论】:

  • 在验证器中检查你的代码,你有太多错误。另外,请记住,您使用 HTML5 或使用 html 过渡(推荐),但不能同时使用两者,更不用说当您不声明 doctype 时
  • 我确实与验证者核实过。这些错误不是真正的错误,而是与已弃用的属性有关。
  • 不是全部,你有真正的错误。这些不推荐使用的属性显示是因为您正在混合文档类型,因此我说您需要定义您想要做什么
  • 谢谢,但更正错误和使用过渡文档类型不会影响填充。
  • 您有适合您的电子邮件模板吗?

标签: html css email html-email email-client


【解决方案1】:

在这里聚会迟到了,但您可以通过在包装内容的&lt;td&gt; 中添加填充来解决此问题:Updated fiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-10-17
    • 1970-01-01
    • 1970-01-01
    • 2012-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多