Ответ 1
Webkit автоматически настраивает размер шрифта на ipad для удобства чтения. Этот CSS устраняет проблему:
-webkit-text-size-adjust: none;
Я работаю над электронным письмом HTML и столкнулся с проблемой на почтовом клиенте только на iPad.
Кажется, что установка встроенного CSS в "font-size: 12px" или любой другой размер не работает в почтовом приложении для iPad, несмотря на правильность отображения размера шрифта в приложении Mail для Mac OS X.
Любые идеи?
Webkit автоматически настраивает размер шрифта на ipad для удобства чтения. Этот CSS устраняет проблему:
-webkit-text-size-adjust: none;
Механизм компоновки 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.
Поддерживает ли он компоновку стилизованного текста? (т.е. полужирный, курсив, размер шрифта) Нет (подтверждено), кроме любого форматирования, перенесенного копированием и вставкой из Safari или других приложений. (Он определенно поддерживает отображение текстовых сообщений HTML/rich.)
<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>