HTML响应式电子邮件可以放大iPhone,在Android上非常完美

时间:2012-12-21 13:47:38

标签: android iphone responsive-design html-email

我设计了一个专门针对移动设备的电子邮件模板,使用%表示宽度,em表示为我公司测试字体。该电子邮件在Android 2.2上看起来像预期,但它最初在iPhone上缩小。

我知道meta视口,但我很担心,因为看起来我们的电子邮件系统(有点过时)会从HTML文件中删除所有内容,仅使用body标签之间的内容。如果没有这个,iPhone总会显示缩小,还是我完全忽视了其他东西?

由于

2 个答案:

答案 0 :(得分:1)

以下是我使用的内容,它适用于Android和iPhone:

<meta name="viewport" content="width=device-width, initial-scale=1" />

以及以下媒体查询:

@media screen and(min-device-width:320px)and(max-device-width:760px)

希望这有帮助!

答案 1 :(得分:0)

我能够在下面的链接中解决它,您可能想尝试一下:

Issue stopping iPhone resizing HTML e-mails