【问题标题】:Gmail Mobile not respecting image style `max-width: 100%`Gmail Mobile 不尊重图像样式“最大宽度:100%”
【发布时间】:2018-10-08 05:29:44
【问题描述】:

我一直在尝试很多不同的方法来解决这个问题,但没有任何改变。在我们的电子邮件中,我们在页脚中有一张图片。它是 456px 宽,比设备宽度和父 div/ 表都宽(我都试过了)。

这是在 Gmail 中,在模拟 iPhone 5/SE 的 Chrome 上进行测试。图片的最大宽度为 100%,但 Gmail 移动版似乎将其删除并插入了 852 像素的最大宽度,这是没用的。

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

【问题讨论】:

  • 你试过max-width:456px;width:100px吗?它适用于混合编码方法。就像@Gwally 提到的那样,如果您不向您展示代码,则很难提出修复建议。
  • 这不只是将宽度设置为 100px 吗?我宁愿它尽可能大,同时尊重它自己的自然宽度,以及包含 div 的宽度(如你所料)。

标签: email responsive-design gmail html-email


【解决方案1】:

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

如果不发布您的 html 代码,就很难查看您在做什么并提出替代方案。

另一个问题:您到底为什么要构建 852 像素的电子邮件?

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

  • Gmail:640 像素(开始隐藏背景颜色)
  • Outlook 2007:600 像素
  • 2013 年展望:550 像素
  • 雅虎:650 像素

祝你好运。

【讨论】:

  • 我没有在 852px 上构建电子邮件。他们反应灵敏。使用 Chrome 模拟 iPhone 5 时,Gmail 上的图像宽度设置为 852 像素。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-28
  • 2016-10-11
  • 2014-02-19
  • 1970-01-01
  • 2014-06-12
  • 2014-01-23
相关资源
最近更新 更多