Как убрать начальное масштабирование на мобильных устройствах?

Question

[Lirilla]

В процессе адаптирования сайта для мобильных устройств столкнулась с следующей проблемой: стандартный Браузер от Андроида и браузер на iOS отображают страницу с изначальным масштабированием, в итоге страницу приходится уменьшать, однако это влияет на ширину элементов. В мобильных Chrome и Firefox проблемы нет.
Попытки исправить проблему при помощи не увенчалась успехом.
Есть ли другие варианты, как это побороть?

Answer 1

[Александр]

Используйте мета-тег viewport, например так:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

Comments

[Олег]

На мой взгляд не стоит запрещать масштабирование, поэтому достаточно

<meta name="viewport" content="width=device-width, initial-scale=1">

[Андрей]

user-scalable=no - моветон

[Максим]

Андрей: моветон или нет но большинство сайтов так делают

[zooks]

Олег: согласен, сначала сделают мелкие шрифты, а потом запрещают изменять масштаб. Директиву user-scalable лучше не использовать.

Answer 2

[Александр]

Тег viewport Вам в помощь frontender.com.ua/mobile-web/wtf-viewport

Answer 3

[Lirilla]

Да, тег с viewport не отобразился в вопросе, собственно, им и пыталась справиться, но ощущение, что браузеры просто его игнорируют.