Почему CSS-шрифт не работает на iPad-сообщениях iPad?

Я работаю над электронным письмом HTML и столкнулся с проблемой на почтовом клиенте только на iPad.

Кажется, что установка встроенного CSS в "font-size: 12px" или любой другой размер не работает в почтовом приложении для iPad, несмотря на правильность отображения размера шрифта в приложении Mail для Mac OS X.

Любые идеи?

Ответы

Ответ 1

Webkit автоматически настраивает размер шрифта на ipad для удобства чтения. Этот CSS устраняет проблему:

-webkit-text-size-adjust: none;

Ответ 2

Механизм компоновки WebKit автоматически настраивает размер шрифта.
На этом посту Webkit обычно используется в браузерах Safari, Chrome, Kindle и Palm.
Приложения также могут использовать WebKit.

Проблема сводится к minimum 'font-size: 13px;'

Работа с CSS:
<style type="text/css">
div, p, a, li, td {-webkit-text-size-adjust: none; }
</style> Код >


Одной из проблем является создание подписи электронной почты, поскольку теги могут быть переписанными или лишенными.
Обратите внимание, что встроенный WebKit Styling будет удален из веб-клиента Gmail.

Ответ 3

Поддерживает ли он компоновку стилизованного текста? (т.е. полужирный, курсив, размер шрифта) Нет (подтверждено), кроме любого форматирования, перенесенного копированием и вставкой из Safari или других приложений. (Он определенно поддерживает отображение текстовых сообщений HTML/rich.)

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

Ответ 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/info/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>