1

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

我正在寻找一个不是猜测而是事实的答案。示例答案可能是:[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.]

4

2 回答 2

4

响应式元素仅在电子邮件客户端没有去除头部的 CSS 时才起作用,不幸的是,对于电子邮件编码人员来说,Gmail 可以。如果您希望电子邮件占据页面的整个宽度并且看起来相当不错的跨客户端,那么弹性布局将最有效,但是您放弃了很多控制权。

于 2013-06-17T13:20:17.560 回答
3

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

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

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

  • 邮箱
  • Outlook.com
  • 雅虎**
  • Lotus Notes 6.5、7、8
  • Android 2.1 及更早版本
  • 微软视窗手机 6.1,7,8
  • 微软表面
  • MS Outlook Exchange (安卓)
  • 黑莓 OS5

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

更新:以下是电子邮件客户端中媒体查询支持的 2 个资源:

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

** 截至 2015 年 3 月Yahoo! Mail Now 支持媒体查询(在 emailonacid.com 中发布)

于 2013-06-18T19:34:29.653 回答