Как убрать дефолтный зум на iPhone?

Question

[Михаил Р.]

Всем привет!

Задаем:

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

Заходим с андройд браузера (chrome или samsung-android) и получаем следующее:


Заходим с iPhone 7 Safari, и получаем следующее:


Как видим, андройд браузеры отобразили сразу всю страницу в поле видимости, а вот iPhone нет. Чтобы айфон отобразил всю страницу, нужно 2 раза кликнуть по дисплею, тогда зум отодвигается назад и получаем вид аналогичный андройду.

Что нужно сделать, чтобы iPhone изначально стал отображать страницу в полном объеме, без своего зума?

Спасибо!

Answer 1

[Михаил Р.]

Задача решена жестким выставлением ширины `viewport`:
<meta name=viewport content="width=800px">

Проверил, работает на Android и iPhone.

Answer 2

[Senseich]

попробуйте вот так:

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

Comments

[Senseich]

Rikcon, чудеса )

[Михаил Р.]

На Iphone ничего не изменилось, но вдобавок появился дефолтный зум и на андройде...

[Конан Варвар]

Mike Ro, тогда уберите вообще вьюпорт к чертовой матери :)

[Михаил Р.]

Конан Варвар, опробовал, на iphone так-же ничего не изменилось :)