电子邮件简报的宽度

时间:2013-06-15 02:06:42

标签: email responsive-design html-email email-client

我知道电子邮件营销简报的标准宽度是600px。我知道人们已经开始编写响应式电子邮件的代码并且它们工作得很好,但是,我注意到标准宽度仍然是600px,即使它是响应式的。我想知道,因为我在大型显示器上使用Google Apps,而且我有超过600px的可用空间。如果我开发一个响应式电子邮件简报,我有理由不能超过600px吗?例如,我开发了一个响应性新闻通讯,设置宽度为960px。如果宽度低于960px,那么将重新调整尺寸,那么为什么要将自己限制为600px?

我正在寻找一个不是猜测而是事实的答案。示例答案可以是:[Email program] does not allow for email designs over 600px and will reject the email if they are. Thus you should stick with a design, responsive or not, at 600px. Here is more information [link.]

2 个答案:

答案 0 :(得分:4)

响应元素仅在电子邮件客户端不会删除头部中的CSS时才起作用,对于电子邮件编码器而言,Gmail确实如此。如果你想要一个电子邮件占据一个页面的整个宽度并且看起来相当不错的交叉客户端,弹性布局最好,但是你放弃了大量的控制。

答案 1 :(得分:3)

扩展samanthasquared的答案,您可以将默认设置为600-640宽,并将媒体查询设置为960。

否则here是电子邮件中流动(弹性)实现的示例。您还可以在流体设计上设置最大宽度,使其在仅小于X宽度的屏幕上100%适合,并且在屏幕足够大时看起来像常规电子邮件。

以下客户端不支持媒体查询:

  • Gmail
  • Outlook.com
  • 雅虎 **
  • Lotus Notes 6.5,7,8
  • Android 2.1及更早版本
  • MS Windows Mobile 6.1,7,8
  • MS Surface
  • MS Outlook Exchange(Android)
  • Blackberry OS5

通常600是“最佳点”,因为当人们阅读他们的电子邮件时,预览窗口通常会考虑到每个电子邮件客户端的不同页面元素。

更新: 以下是电子邮件客户端中Media Query支持的2个资源:

http://stylecampaign.com/blog/2012/10/responsive-email-support/ http://www.campaignmonitor.com/guides/mobile/

**截至2015年3月 Yahoo! Mail Now Supports Media Queries (在emailonacid.com上发布)