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



我正在努力为iPhone用户设计一个响应式电子邮件,我发现虽然IOS邮件确实支持媒体查询,但由于某种原因,IOS邮件将整个邮件缩小到查看端口大小,本质上并不是真正的响应式。

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

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

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

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

首先 - 电子邮件中不需要元标记。(仅当您对 Web 版本使用相同的 HTML 文件时,才会包含它。

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

转到 mailchimp.com 并注册一个免费帐户,从那里发送,看看您是否仍然遇到问题

我遇到了这个问题,然后发现我的电子邮件中有一些内容在iOS中强制页面宽,看起来媒体查询不起作用。也就是说,您希望确保没有指定的固定宽度超过媒体查询中的内容,尤其是在嵌套表上/嵌套表中。

多年来我一直在创建响应式 HTML 电子邮件......我不确定你为什么会遇到问题。

Outlook 不是发送 HTML 电子邮件的好方法。如果这是一封活动电子邮件或电子通讯,您应该通过真正的 ESP(电子邮件服务提供商)发送。邮件黑猩猩,活动监视器等)。

如果您可以提供代码示例,我可能会提供一些关于到底出了什么问题的见解。

最新更新