Mike_Ro
@Mike_Ro
$ run войтивайти

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

Всем привет!

Задаем:
<meta name="viewport" content="width=device-width">


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

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

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

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

Спасибо!
  • Вопрос задан
  • 126 просмотров
Решения вопроса 1
Mike_Ro
@Mike_Ro Автор вопроса
$ run войтивайти
Задача решена жестким выставлением ширины `viewport`:
<meta name=viewport content="width=800px">

Проверил, работает на Android и iPhone.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Senseich
попробуйте вот так:
<meta name=viewport content="width=device-width,initial-scale=1">
Ответ написан
Rikcon
@Rikcon
Попробуйте

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


UPD:
Вот мои мета теги с боевого проекта, грубо говоря бутсраповские.

<meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
Ответ написан
Ваш ответ на вопрос

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

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