html电子邮件在iphone中无法正确显示

时间:2013-11-29 20:08:21

标签: html ios iphone email html-email

我正在使用php为我的应用发送邀请电子邮件。电子邮件的html大致是

<html>
<body>
   <div style="border:7px solid #79973f; width: 527px; margin-left: auto; margin-right: auto;border-radius:7px;">
     <div style="width:440px; margin:20px auto 50px auto;">
        <p style="font-weight:bold; font-size:14px;"></p>
     </div>
   </div>
 </body>
</html>

此布局在gmail中完美显示,但宽度和边距未在iPhone Mail应用中正确显示。帮助

4 个答案:

答案 0 :(得分:0)

那是因为您在HTML中明确设置了宽度。你应该做的是使用css属性max-width来指定你想要显示的最大宽度,但它会被一个较小的显示器缩小(即在iPhone上)

答案 1 :(得分:0)

事实证明,你只需要指定样式的最小宽度

答案 2 :(得分:0)

您需要在表中创建HTML电子邮件而不是div,很多客户端不支持

答案 3 :(得分:0)

在您发表评论后,这可能会在您的iPhone上运行......但这肯定不适用于很多其他邮件客户端。其中有几个Outlook客户端。

看看这个:http://htmlemailboilerplate.com/