iPhone зумит текст, как запретить?

Не могу понять в чем дело, возможно кто то сталкивался.
Вот что показывает телефон
-4Y4JksPbcI.jpg
А вот десктоп
DyzscYoxOBg.jpg
Возможно имеется какой-то мета тег на подобии того, что разрешает/запрещает автоматическое обнаружение телефонных номеров?
  • Вопрос задан
  • 9471 просмотр
Решения вопроса 1
@IoannGrozny
Front-end разработчик
Понимаю, что некропост, но вот решение:
поможет выставление для body вот этого свойства: -webkit-text-size-adjust: 100%;
Ответ написан
Пригласить эксперта
Ответы на вопрос 5
Как уже написал aen, поможет viewport.
Попробуйте что-то вроде:
<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=2.0"/>
Ответ написан
Комментировать
Выключить зум:
<meta name="viewport" content="user-scalable=no">
Ответ написан
Комментировать
aen
@aen
Keep calm and 'use strict';
Есть мета тег с именем viewport. Он вам поможет.
Ответ написан
Комментировать
SOb_S
@SOb_S
Вылечили?
На десктопе проверяли в Safari? Пробовали «удалённую отладку» (remote debugging) в Safari? Размер шрифта разный — возможно, применяются какие-то дефолтные стили браузера, или не срабатывает стиль.
Ответ написан
@xxxgeniy
Тоже заметил такое поведение на 10 айфоне, под всеми браузерами , сафари хром и аналоги.
причем какие бы теги не использовал и стиля в коде , все равно меняет размер на горизонтальном телефоне увеличивает, игнорируя импортант, и теги стайл что над цсс приоритетом.
-webkit-text-size-adjust:100%; помогло, теперь все работает как сверстано.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы