Как запретить зумить страничку пальцами, когда пользователь смотрит сайт с телефона?
Делаю мобильную версию сайта по средствам @media и возник вопрос: как сделать так, чтобы пользователь не мог приблизить или отдалить содержимое с помощью пальц, как мы все привыкли?
Спасибо вам) на сайте на вп было куча проблем, и приближение было одним из них, а когда я добавил этот мета тег понятия не имею как но другие проблемы тоже сразу решились! спасибо вам
В играх на холсте, где приходится часто жать на кнопки ходьбы, плохим тоном (КРАЙНЕ плохим тоном!!!) будет НЕ вводить блокировку автозама. Так что всё зависит от ситуации ;'-}
В новых браузерах настройка viewport не будет запрещать zoom.
Чтобы запретить zoom, можно отловить жесты и отменить их действие.
// отключение zoom через скролл (в том числе трекападами в macOS)
document.addEventListener('mousewheel', function(e){
if(!e.ctrlKey && !e.metaKey) return;
e.preventDefault();
e.stopImmediatePropagation();
}, {passive:false});
// отключение zoom прикосновениями (в том числе трекападами и т.п.) в Safari и iOS
document.addEventListener('gesturestart', function(e){
e.preventDefault();
e.stopImmediatePropagation();
}, {passive:false});
// отключение zoom через клавиатуру (ctrl + "+", ctrl + "-")
// кнопки браузера для управления zoom отключены не будут
document.addEventListener('keydown', function(e){
if(!e.ctrlKey && !e.metaKey) return;
if(e.keyCode != 189 && e.keyCode != 187) return;
e.preventDefault();
e.stopImmediatePropagation();
}, {passive:false});
Могу помочь только тем где копать, все мобильные лендосы на cpa партнерке M1-shop как раз так заточены, может что то посмотрит верстку - да поделится, будем признательны))
