Как запретить зум при двойном клике?

Question

[ButterflyEZ]

Можно ли как-то запретить увеличение экрана при двойном клике на айфонах? Сейчас если мы 2 раза кликаем, то экран увеличивается

Answer 1

[Евгений Винокуров]

Попробуйте использовать

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

!Но сразу предупреждаю - гугл и яндекс такое не любят и по головке за свойство user-scalable=no не поглядят

Comments

[Carburn]

зачем тогда user-scalable=no

[Владислав Лысков]

Откуда такая инфа?

[Евгений Винокуров]

Carburn, первые два параметра: width=device-width и initial-scale=1.0 используются для правильной работы адаптива на мобилках (вставляется в head 99.9% всех сайтов в первую очередь как обязательный тэг). А вот user-scalable=no отменяет возможность увеличения текста при дабл клике (что вам и нужно).

!Если вы вообще не используете мета тег с name: viewport, то можно в стили прописать

body {
  touch-action: pan-x pan-y;
}

[Евгений Винокуров]

Владислав Лысков, сейчас чекнул рекомендации по user-scalable: no от GooglePagespeedInsights. Да, реально, им по факту пофигу есть параметр этот параметр в viewport или нет. Думал, что если у них при аналитике аж font-contrast влияет на окончательный результат, то с user-scalable: no тоже будет что-то типа того, но нет. Дезинфу, получается, вкинул :с

[Ankhena]

Евгений Винокуров, просто большинство браузеров очень разумно игнорируют запрет масштабирования. Поэтому и page speed нет смысла обращать внимание на то, написан он или нет.

[Владислав Лысков]

Ankhena, Евгений Винокуров, так или иначе у меня по двойному тапу на айфоне в хроме ничего не происходит, это у иеня что-то не так?

[Евгений Винокуров]

Владислав Лысков, я думаю, тут у Автора эта проблема в сафари - делал однажды похожую задачку, где надо было зум убрать. Сафари - он такой, суровый) В хроме может и нет такого.

[ButterflyEZ]

Евгений Винокуров, Да) Я пробовал этот способ, работает, но не на всех версия iOS. Пока самый нормальный способ нашел touch-event: manipulation;

[ButterflyEZ]

Евгений Винокуров, Вы случайно не сталкивались с такой проблемах на яблоках, что например на 13 и на 11 айфоне шрифты выглядят по разному, хотя свойства одинаковые (я про размер шрифта)