14

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

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

有任何想法吗？

4

4 回答 4

17

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

-webkit-text-size-adjust: none;
于 2010-08-05T08:41:21.463 回答
3

WebKit 布局引擎会自动调整字体大小。
在这篇文章中，Webkit 通常用于 Safari、Chrome、Kindle 和 Palm 浏览器。
应用程序也可以利用 WebKit。

问题归结为最小'字体大小：13px;'

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


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

于 2012-09-26T18:57:34.880 回答
1

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

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

于 2010-08-04T07:32:54.533 回答
1 
<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>
于 2012-01-04T13:02:43.293 回答