响应式电子邮件 - IOS 缩放电子邮件以适应查看端口大小答案

【问题标题】：Responsive Email - IOS scales the email to fit to view port size响应式电子邮件 - IOS 缩放电子邮件以适应查看端口大小
【发布时间】：2013-10-14 18:59:27
【问题描述】：

我正在为主要为 iphone 用户设计一个响应式电子邮件，我发现尽管IOS mail does support media queries，出于某种原因，IOS 邮件会缩小整个邮件以查看端口大小，并且本质上并不是真正的响应式。

我确实设置了如下所示的元标记

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" />

但即便如此，响应式查询也不会被激活。

我正在从 Outlook 发送电子邮件，并在 Google android gmail 应用程序上对其进行了测试，并且该电子邮件是响应式的，因此它不是 Outlook 剥离媒体查询的情况

【问题讨论】：

【解决方案1】：

首先 - 电子邮件中不需要元标记。（只有在网页版使用相同的 html 文件时，才需要包含它。）

第二 - 您遇到此问题的原因是您使用 Outlook 发送。我不确定您使用的是哪一年，但 Outlook 可能会在发送电子邮件之前将所有内容从电子邮件中删除。

访问 mailchimp.com 并注册一个免费帐户，从那里发送，看看您是否仍有问题

【讨论】：

【解决方案2】：

我遇到了这个问题，然后发现我的电子邮件中的某些内容会强制 iOS 中的页面变宽，从而看起来媒体查询无法正常工作。也就是说，您要确保没有指定超过媒体查询中的固定宽度，尤其是嵌套表上/内。

【讨论】：

【解决方案3】：

多年来，我一直在创建响应式 HTML 电子邮件...我不确定您遇到问题的原因。

Outlook 不是发送 HTML 电子邮件的好方法。如果这是针对某事的竞选电子邮件或电子通讯，您应该通过真正的 ESP（电子邮件服务提供商。即 MailChimp、Campaign Monitor 等）真正发送它。

如果您可以提供代码示例，我或许可以提供一些关于究竟出了什么问题的见解。

【讨论】：

感谢您的回复。我们需要使用 Outlook 的原因是因为电子邮件通讯是内部的，因此我们不能使用邮件客户端，因此 Outlook 是唯一的选择..
从 Outlook 发送从来都不是一个好的选择。即使您编写媒体查询，Outlook 也会在发送之前将其剥离并为其自己的基于 ms 的样式添加前缀。因此，最好使用其他答案中提到的电子邮件服务提供商。最好的选择是 mailchimp 或 mendrillapp