电子邮件通讯的宽度

Question

我知道电子邮件营销简报的标准宽度是 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.]

Answer 1

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

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

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

• Gmail
• Outlook.com
• 雅虎**
• 莲花笔记6.5,7,8
• Android 2.1 及更早版本
• MS Windows Mobile 6.1,7,8
• MS 表面
• MS Outlook Exchange (Android)
• 黑莓 OS5

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

更新： 以下是电子邮件客户端中媒体查询支持的 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 上发帖）

Answer 2

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