14

私はHTMLメールに取り組んでおり、iPadのメールクライアントでのみ問題が発生しています。

Mac OS Xのメールアプリでフォントサイズが正しく表示されているにもかかわらず、インラインCSSを「font-size：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 を利用することもできます。

問題は、最小の 'font-size: 13px;' に帰着します。

CSS の回避策:
<style type="text/css">
div, p, a, li, td { -webkit-text-size-adjust:none; }
</style>


1 つの問題は、タグが上書きまたは削除される可能性があるため、電子メールの署名を作成する場合です。
インライン 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 に答える