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

Question

[Yastr]

Не могу понять в чем дело, возможно кто то сталкивался.

Вот что показывает телефон

А вот десктоп

Возможно имеется какой-то мета тег на подобии того, что разрешает/запрещает автоматическое обнаружение телефонных номеров?

Comments

[Yastr]

причем происходит это только в блоках о нас и в подвале.

[Yastr]

перепробовал всевозможные значения viewport, получается изменить только первоначальный масштаб страницы при загрузке, размер текста именно в этих блоках продолжает увеличиваться)

[Yastr]

в блоке о нас все происходит из за переносов на новую строку. если убрать все
зума нет =) но это не вариант, пробовал обернуть в дивы, добавлял сброс перед новой строкой, все возвращается к первоначальному варианту......

Answer 1

[Иван Беленков]

Понимаю, что некропост, но вот решение:
поможет выставление для body вот этого свойства: -webkit-text-size-adjust: 100%;

Comments

[Yastr]

Огромное спасибо! До сих пор подключал отдельные стили через js...

[Yastr]

Возможно вы знаете как решить проблему с форматированием android?

[Иван Беленков]

@Yastr , а в чём проблема андроида?

Answer 2

[Сергей Ларионов]

Как уже написал aen, поможет viewport.
Попробуйте что-то вроде:

<meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=2.0"/>

Answer 3

[Степан]

Выключить зум:
<meta name="viewport" content="user-scalable=no">

Answer 4

[aen]

Есть мета тег с именем viewport. Он вам поможет.

Answer 5

[SOb_S]

Вылечили?
На десктопе проверяли в Safari? Пробовали «удалённую отладку» (remote debugging) в Safari? Размер шрифта разный — возможно, применяются какие-то дефолтные стили браузера, или не срабатывает стиль.

Comments

[Yastr]

изменяется размер текста там, где присутствует множество переносов строк. исправить получилось только через js (проверка на размер, если больше чем надо уменьшал), по другому сколько не бился ничего не получалось.

Answer 6

[xxxgeniy]

Тоже заметил такое поведение на 10 айфоне, под всеми браузерами , сафари хром и аналоги.
причем какие бы теги не использовал и стиля в коде , все равно меняет размер на горизонтальном телефоне увеличивает, игнорируя импортант, и теги стайл что над цсс приоритетом.
-webkit-text-size-adjust:100%; помогло, теперь все работает как сверстано.