Всем добрый день. Подскажите, пожалуйста, как решить проблему того, что телефоные номера на iphone отображаются как будто без стилей, прописанных для них, а надпись "Телефон" становится меньше. Как бороться с подобной чушью?
@alexsis20102, недавно сталкивался с этим в своем проекте.
iPhone автоматически преобразует последовательности цифр, похожие на номера телефонов в специальные ссылки, кликнув на которые можно совершить звонок.
Пример:
<a href="tel:1-408-555-5555">1-408-555-5555</a>
Подробнее можно почитать тут: Safari Web Content Guide for iPhone.
Отключить этот функционал можно так:
<meta name="format-detection" content="telephone=no">
Или же, что лучше, можно исправить оформление таких ссылок:
/**
* Убираем оформление автоматически добавленных ссылок iPhone'ом
*/
a[href^=tel] {
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
Источник решения - stackoverflow