Gmail Mobile不尊重图片样式`max-width:100%`

时间:2018-04-27 11:14:56

标签: email responsive-design gmail html-email

我一直在尝试一些不同的东西来解决这个问题,但没有任何改变。在我们的电子邮件中,我们在页脚中有一个图像。它宽456px,比设备宽度和父div / table都要宽(我试过两者)。

I have made the image black to hide the content

这是在Gmail中,测试Chrome模拟iPhone 5 / SE。该图片的最大宽度为100%,但Gmail Mobile似乎删除了这个并插入最大宽度为852px,这是无用的。

可能有人知道解决方法是什么?

1 个答案:

答案 0 :(得分:1)

css属性max-width仅在Android中有部分支持。

如果不发布您的HTML代码,就很难看到您正在做的事情并提出替代方案。

另一个问题:为什么世界上你在构建852px的电子邮件?

电子邮件宽度的最佳做法是600-800px。超过600px,如果除了电子邮件查看窗口的宽度之外没有其他原因,您的电子邮件将无法在许多电子邮件客户端中正确显示。如果宽度超过600px,收件人必须滚动才能查看该电子邮件。举个例子:

  • Gmail:640px(开始隐藏背景颜色)
  • Outlook 2007:600px
  • Outlook 2013:550px
  • Yahoo:650px
祝你好运。