Блог

В приложении, которое я создаю, мне нужно отключить масштабирование и прокрутку, что я и сделал с помощью мета-тега viewport:

 <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'>
  

Все работает нормально, если я пытаюсь выполнить развертку одним пальцем, но когда я использую 2 пальца для зажима, и один из них отрывается от экрана, прокрутка включается до тех пор, пока я не уберу второй палец с экрана! Кроме того, удерживая один палец включенным, если я прикоснусь вторым и ущипну, он также увеличится…

Я пытался добавить preventdefault в gesture_change, но, похоже, это не работает. Есть идеи, что я делаю не так?

Вот некоторый код, который я уже использовал:

 document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });
document.body.addEventListener('gesturechange', function(e){ 
    e.preventDefault();
    e.stopPropagation();
    e.stopImmediatePropagation();
});
  

попробуйте это:

 <meta name="viewport" content="width=device-width, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  

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

Установите масштабируемость пользователя как нет.