2

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

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

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

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

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

4

3 回答 3

2

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

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

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

于 2013-10-14T19:54:09.280 回答
1

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

于 2013-11-11T20:20:13.407 回答
0

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

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

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

于 2013-10-14T19:49:58.870 回答