ios 6 电子邮件上的移动视口未按预期工作答案

【问题标题】：Mobile viewport on ios 6 email not working as expectedios 6 电子邮件上的移动视口未按预期工作
【发布时间】：2013-05-08 06:34:57
【问题描述】：

我正在尝试了解如何指示 iOS 电子邮件客户端（iphone 4s、iOS 6）尊重视口元标记。我阅读了https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport 的官方文档，并尝试包含以下内容：

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

<meta name="viewport" content="initial-scale=1.0">

但似乎没有任何效果。我的具体用例是我正在为 iOS 编写 HTML 电子邮件。其中一些电子邮件的表格非常大（我无法控制）——iOS 电子邮件客户端“缩小”以包含整个表格，从而使字体变得难以阅读。

任何帮助将不胜感激:-)

【问题讨论】：

【解决方案1】：

很遗憾，iPhone 上的 Mail 不支持通过 viewport 元标记的 scale 标记。

（也许需要注意：如果包含视口标签，电子邮件会在黑莓上显示空白！）

【讨论】：

感谢您的快速回复andrw！不过我有一个问题——即使没有规模，我也试过<meta name="viewport" content="width=320">——但这似乎什么也没做。或者这不应该防止缩小？

【解决方案2】：

应用于嵌套表格的固定宽度将覆盖您在 iOS 中的媒体查询，从而导致您描述的缩放。如果不给嵌套内容流动或最大宽度，我认为没有办法解决这个问题。

【讨论】：