Question

我正在处理HTML电子邮件，并且仅在iPad上的邮件客户端上遇到问题。

似乎将内联CSS设置为“font-size：12px”或任何其他尺寸对于iPad的邮件应用程序无效，尽管在Mac OS X的Mail应用程序中正确显示了字体大小。

有什么想法吗？

Answer 1

Webkit会自动调整ipad上的字体大小以便于阅读。这个CSS解决了这个问题：

-webkit-text-size-adjust: none;

Answer 2

WebKit布局引擎会自动调整字体大小。
截至本帖子，Webkit is commonly used in Safari, Chrome, Kindle and Palm Browsers.
应用程序也可以利用WebKit。

问题归结为minimum 'font-size: 13px;'

CSS解决方法：
<style type="text/css"> div, p, a, li, td { -webkit-text-size-adjust:none; } </style>

创建电子邮件签名时，一个问题是，标签可能会被覆盖或剥离请注意，内联WebKit样式将从Gmail的Web客户端中删除。

Answer 3

是否支持撰写样式文字？（即粗体，斜体，字体大小） 否（已确认），除了通过Safari或其他应用程序复制粘贴所带来的任何格式。（它肯定支持显示HTML /富文本消息。）

http://www.macintouch.com/reviews/ipad/faq.html

Answer 4

<head>

<style type="text/css">
<!--

/*
    I began with the goal to prevent font scaling in Landscape orientation.
    To do this, see: http://stackoverflow.com/questions/2710764/

    Later, I just wanted to magnify font-size for the iPad, leaving
    the iPhone rendering to the css code.  So ...

    (max-device-width:480px) = iphone.css
    (min-device-width:481px) and
        (max-device-width:1024px) and
            (orientation:portrait) = ipad-portrait.css
    (min-device-width:481px) and
        (max-device-width:1024px) and
            (orientation:landscape) = ipad-landscape.css
    (min-device-width:1025px) = ipad-landscape.css

*/

@media only screen and (min-device-width: 481px)
{
    html {
        -webkit-text-size-adjust: 140%;
    }
}

-->
</style>

</head>

为什么font-size CSS不适用于iPad HTML电子邮件？

4 个答案: