我目前发送了多个具有托管移动版“移动视图”链接的桌面版新闻简报，但我正在尝试探索用户打开电子邮件时显示移动版本的选项。
我已经阅读了使用内部样式表的以下代码变体的响应式设计
@media screen and (max-width : 320px), screen and (max-device-width: 320px)
但根据http://www.campaignmonitor.com/css/并非所有ESP都允许或阅读内部样式表。简而言之，是否有一种使用上述代码的响应式电子邮件的好方法，或者由于缺乏支持而不可行？
答案 0 :(得分：0)
一般情况下，电子邮件客户端不支持css（由于某些原因），因此您可能希望远离使用CSS做太多。话虽如此，您可以在http://www.emailonacid.com/blog/details/C6/media_queries_in_html_emails找到支持表，并确保使用CSS逐步增强支持客户端，而不是惩罚那些不支持客户端。
答案 1 :(得分：0)
我同意Andy的'电子邮件客户端不善于支持CSS'。这是一般规则，并已存在多年。
那就是说 - 当我们谈论移动电子邮件客户端时，如果你知道我的意思，那么就没有任何运行MS Outlook '95的手机了！
查看具有电子邮件功能的智能手机设备的市场细分，您会发现支持的比例高于桌面世界。
在我们公司，我们每周电子邮件的读者人数超过50％仅在 iPhone上。其中包括桌面版Gmail，Hotmail，Outlook等。我们看到移动使用的持续趋势是我们关注的焦点，桌面播放是第二小提琴。
我们并没有耗尽并建立移动网站，但我们正在定制我们的电子邮件，以便移动设备友好。例如：Everguide Weekly Guide Email
关于你的CSS - 目前实际上很难确保正确阅读和解释媒体查询。
我们发现Android不像iOS那样喜欢玩球，但是通过一些好的调整和代码破解，我们就到了那里。
以下是我们的一个交易电子邮件模板的示例 - 其上限为520px宽，但在不同设备上可扩展到设备宽度等。
需要测试和耐心才能做到这一点。对于我们的下一个项目，我将从头开始使用Campaign Monitor中的新指南：Campaign Monitor's guide to Responsive Email Design
我将逐步构建它，使用adobe shadow（我最近已经重命名）和各种屏幕模拟器，以确保代码在每一步都能真正响应。
如果我是你，那么首先确定你自己的'样板'，保存它，然后将所有未来的电子邮件设计从这个模板中删除。
我专注于此 - 目前还没有尝试过的方法。
祝你好运！答案 2 :(得分：0)
创建响应式电子邮件的问题是很多客户只是忽略了样式标记，因此无法构建真实的响应式电子邮件......
但是有一个技巧......;）
您可以通过移动优先方式构建电子邮件，因此基本的html是移动版本。 如果您以某种方式创建媒体查询，他们“重新创建”原始桌面版本，那么您有一个很好的解决方案...... 因此，如果客户端忽略媒体查询，那么它将显示移动版本。
我找到了一个很好的模板，它的工作方式与我提到的一样，你可以在这里找到它： http://internations.github.io/antwort/