为什么字体大小 CSS 在 iPad HTML 电子邮件上不起作用？答案

【问题标题】：Why does font-size CSS not work on iPad HTML emails?为什么字体大小 CSS 在 iPad HTML 电子邮件上不起作用？
【发布时间】：2011-03-25 03:00:08
【问题描述】：

我正在处理一封 HTML 电子邮件，但在 iPad 上的邮件客户端上遇到了问题。

似乎将内联 CSS 设置为“font-size: 12px”或任何其他大小在 iPad 的邮件应用程序上不起作用，尽管字体大小在 Mac OS X 的邮件应用程序中正确显示。

有什么想法吗？

【问题讨论】：

标签： css ipad html-email

【解决方案1】：

它是否支持编写样式文本？（即粗体、斜体、字体大小） 否（已确认），除了从 Safari 或其他应用程序复制和粘贴的任何格式。（它绝对支持显示 HTML/富文本消息。）

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

【讨论】：

澄清一下：这是在一个 html 电子邮件中，我使用了大量的 HTML 和内联 CSS 已经可以工作了。字体样式确实适用于 iPad 的邮件应用程序。粗体有效，甚至文本转换也有效，但特别是字体大小不起作用。

【解决方案2】：

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

-webkit-text-size-adjust: none;

【讨论】：

在哪个级别？正文还是 html？
我尝试在 td 上设置此属性，效果很好。我也试了一下，效果很好。
优秀！！！我将此添加到电子邮件正文中，它适用于代码中的所有字体大小出现：

【解决方案3】：

<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>

【讨论】：

【解决方案4】：

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 客户端中删除。

【讨论】：