【问题标题】：HTML responsive email zooms out on iPhone, perfect on AndroidHTML 响应式电子邮件在 iPhone 上缩小，在 Android 上完美
【发布时间】：2012-12-09 02:29:51
【问题描述】：
我专门为移动设备设计了一个电子邮件模板，使用 % 作为宽度，使用 em 作为字体来测试我的公司。该电子邮件在 Android 2.2 上看起来符合预期，但它最初在 iPhone 上被缩小了。
我知道元视口，但我很担心，因为看起来我们的电子邮件系统（有点过时）会从 HTML 文件中删除所有内容，只提取正文标签之间的内容。如果没有这个，iPhone 会一直显示它缩小了，还是我完全忽略了其他东西？
谢谢
【问题讨论】：
标签：
android
iphone
responsive-design
html-email
【解决方案1】：
【讨论】：
-
不鼓励在 StackOverflow 上仅链接答案，因为它们容易受到 link rot 的攻击。请将相关详细信息添加到您的答案中，并且仅将链接用作参考。
【解决方案2】：
这是我使用的，它非常适用于 Android 和 iPhone：
<meta name="viewport" content="width=device-width, initial-scale=1" />
以及以下媒体查询：
@media screen and (min-device-width:320px) and (max-device-width:760px)
希望这会有所帮助！