【问题标题】:Prevent iphone email client from zooming responsive emails防止 iphone 电子邮件客户端缩放响应式电子邮件
【发布时间】:2013-10-15 20:30:15
【问题描述】:

我有一个要求,需要我从 Outlook 向组织内的其他 Outlook 用户发送响应电子邮件。我使用antworts电子邮件模板对模板进行了编码,当我们对其进行测试时,结果如下

  1. Iphones 默认电子邮件客户端中访问 Outlook 帐户时会忽略媒体查询,而只会显示在放大版本

  2. 在 gmail 中打开电子邮件时,会显示响应版本。

我很困惑 Outlook Exchange 服务器是在 iphone 查看时剥离媒体查询,还是我需要添加一些代码以确保 iphone 电子邮件不会显示放大的内容。

任何意见将不胜感激

【问题讨论】:

  • 您是否已将viewport 元标记添加到您的电子邮件标记中?
  • 不,这是我检查的第一件事。
  • 那是“不,我没有添加它”还是“不,我添加了它,它没有效果”?

标签: ios email outlook responsive-design


【解决方案1】:

Outlook 将您的原始代码转换为“Microsoft Word HTML”,从而弄乱了您的原始代码,因为 Outlook 因使用 MS Word 引擎呈现 html 电子邮件而臭名昭著。您会注意到到处都有<p> 标记,并且您的部分代码丢失了。设计将被转发的电子邮件非常棘手,大多数电子邮件设计师甚至都懒得尝试。就个人而言,我这样做,但仅限于静态固定宽度布局。

众所周知,某些交换服务器会剥离媒体查询,因此这也是一种可能性。要确切了解发生了什么,您需要查看到达每个客户端的代码。不确定如何在 iPhone 中执行此操作,但您可以在 gmail/chrome 中查看页面元素(或使用 Litmus Scope),Outlook 还允许您查看电子邮件源。

Litmus Scope 是一个方便的电子邮件工具,可让您查看在 Gmail 中收到的电子邮件和代码。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-13
    • 2010-11-09
    • 2016-08-18
    • 2013-03-03
    • 2013-11-30
    • 2016-07-10
    • 2020-01-16
    • 2011-05-04
    相关资源
    最近更新 更多