Как запретить увеличиваться тексту в мобильном Chrome?

Question

[satori]

На главной странице есть одно место где текст увеличивается на несколько размеров и нарушает верстку. Причем происходит это только в альбомной ориентации. Текст прописан в px, изменения в %, em, rem ничего не изменили. Больше всего удивляет, почему все элементы на странице не изменяются, а только один этот. На внутренних страницах ситуация иная, шапка и футер без изменений, а весь контент масштабируется.

Разумеется использование

<meta name="viewport" content="width=device-width">

все решает, но его использование конфликтует с ie на windows phone, появляется гигантский зум.

Надеялся что поможет -webkit-text-size-adjust но увы. Описанный баг есть только в хроме, UC browser и стандартный браузер без него. Вот собственно сабж.

Answer 1

[Jaty4]

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />