我目前发送多个桌面版时事通讯，其中包含带有托管移动版的“查看为移动版”链接，但我正在尝试探索在用户打开电子邮件时立即显示移动版的选项。
我已经阅读了有关使用内部样式表的以下代码变体的响应式设计
@media screen and (max-width : 320px), screen and (max-device-width: 320px)
但根据http://www.campaignmonitor.com/css/ ，并非所有 ESP 都允许或读取内部样式表。简而言之，是否有使用上述代码发送响应式电子邮件的好方法，或者由于缺乏支持而无法实现？
一般来说，电子邮件客户端在支持 CSS 方面表现不佳（出于几个原因），因此您可能希望避免过多地使用 CSS。话虽如此，您可以在此处找到支持表http://www.emailonacid.com/blog/details/C6/media_queries_in_html_emails并确保您使用 CSS 逐步增强支持客户而不是惩罚那些不支持的客户。
创建响应式电子邮件的问题在于，许多客户只是忽略了样式标签，因此无法构建真正的响应式电子邮件......
但是有一个技巧...... ;)
您可以以移动优先的方式构建电子邮件，因此基本的 html 是移动版本。如果您以某种方式创建媒体查询，即他们“重新创建”原始桌面版本，那么您有一个很好的解决方案......因此，如果客户端忽略媒体查询，那么它将显示移动版本。
我找到了一个很棒的模板，它以我提到的方式工作，你可以在这里找到它：http: //internations.github.io/antwort/
我同意 Andy 在“电子邮件客户端不擅长支持 CSS”中的观点。这是一个普遍的规则，并且已经存在了很长时间。
也就是说 - 当我们谈论移动电子邮件客户端时，没有任何手机运行 MS Outlook '95，如果你明白我的意思！
查看支持电子邮件的智能手机设备的市场细分，您会发现支持的百分比高于桌面世界。
在我们公司，仅在iPhone 上就有超过 50% 的每周电子邮件读者群。其中包括桌面版 Gmail、Hotmail、Outlook 等。我们看到移动使用成为我们关注的焦点的持续趋势，而桌面版则处于次要地位。
我们并没有用完并建立移动网站，但我们正在定制我们的电子邮件以适应移动设备。例如：Everguide 每周指南电子邮件
所以关于你的 CSS——事实上，此时要确保媒体查询被正确读取和解释是非常困难的。
我们发现 Android 不像 iOS 那样喜欢玩球，但通过一些很好的调整和代码破解，我们已经做到了。
这是我们的交易电子邮件模板之一的示例 - 宽度上限为 520 像素，但在不同设备上时可缩放到设备宽度等。
要做到这一点，需要测试和耐心。对于我们的下一个项目，我将使用来自 Campaign Monitor 的新指南从头开始：Campaign Monitor 的响应式电子邮件设计指南
我将一点一点地构建它，使用 adobe shadow（我认为最近已重命名）和各种屏幕模拟器，以确保代码在每一步都真正响应。
如果我是你，首先确定你自己的“样板”，把它保存下来，然后在这个模板上制作所有未来的电子邮件设计。
我专门研究这个 - 目前还没有经过验证的真正方法。
祝你好运！