Несоответствия при отображении размера шрифта на iPhone
Я тестирую свой веб-сайт и отлично работает на всех браузерах, кроме браузера iphone (я думаю, это мобильный Safari?), который отображает фрагмент текста с более крупным шрифтом, чем остальные. Я проверил CSS вручную и использовал firebug на странице, и я могу подтвердить, что я установил одинаковый размер для всех из них. Как это исправить?
1 ответ
Mobile Safari пытается адаптировать контент так, чтобы он был читаемым на экране по умолчанию - он имеет другие стили по умолчанию для других браузеров.
Я не знаю точных правил, но когда дело доходит до размеров шрифта, кажется, что это работает следующим образом:
Текст внутри абзаца, элемента списка или другого элемента «текста»: Применяйте стиль автора без адаптации.
Текст внутри DIV или другого неспецифического элемента: Рассматривайте как «обычный текст» и «адаптируйте» размер в соответствии с правилами Mobile Safari.
Итак, короткий ответ: оберните свой текст в абзац и примените к этому правило размера шрифта.
Вот быстрый и грязный пример:
<!-- Recommended: Put this in an external stylesheet -->
<style type="text/css">
p { font-size:10px; }
</style>
<div class="appro_body">
<p>SAN BENEDETTO - Si è ufficialmente aperta la campagna elettorale per le
comunali di San Benedetto del Tronto 2011. Le elezioni regionali, oramai
dietro le spalle, sembra siano servite più che per organizzare il
territorio in crisi, per muovere le pedine in vista delle elezioni a
Sindaco.
...
<a href="http://www.ilsegnale.it/it/news/approfondimento/1602/?tpl=502">Leggi tutto...</a>
</p>
</div>
(очевидно, вы должны переместить правило font-size в CSS-файл).