我通过使用 % 宽度和 em 字体专门为移动设备设计了一个电子邮件模板，以便为我的公司进行测试。该电子邮件在 Android 2.2 上看起来符合预期，但它最初在 iPhone 上被缩小了。
我知道元视口(viewport)，但我很担心，因为它看起来像我们的电子邮件系统(有点过时)从 HTML 文件中剥离了所有内容，只保留了 body 标签之间的内容。如果没有这个，iPhone 会一直显示缩小吗？还是我完全忽略了其他东西？
谢谢
最佳答案
这是我使用的，它适用于 Android 和 iPhone，效果非常好:
<meta name="viewport" content="width=device-width, initial-scale=1" />
和以下媒体查询:
@media 屏幕和 (min-device-width:320px) 和 (max-device-width:760px)
希望这对您有所帮助!
关于android - HTML 响应式电子邮件在 iPhone 上缩小，在 Android 上完美，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13991330/