Почему CSS размера шрифта не работает на электронных письмах iPad в формате HTML? - PullRequest
Новая
       3

Почему CSS размера шрифта не работает на электронных письмах iPad в формате HTML?

14 голосов
/ 04 августа 2010

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

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

Есть идеи?

Ответы [ 4 ]

17 голосов
/ 05 августа 2010

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

-webkit-text-size-adjust: none;
3 голосов
/ 26 сентября 2012

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

Проблема сводится к минимальному 'размеру шрифта: 13px;'

Обходной путь CSS: <code><style type="text/css">div, p, a, li, td {-webkit-text-size-Adjust: нет;}</style>

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

1 голос
/ 04 января 2012 
<head>

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

/*
    I began with the goal to prevent font scaling in Landscape orientation.
    To do this, see: /1503562/sohranit-razmer-shrifta-html-pri-izmenenii-orientatsii-iphone-s-knizhnoi-na-albomnuy

    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>
1 голос
/ 04 августа 2010

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

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

...