나는이 세 가지를 모두 사용해 보았습니다.

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />

각각 Google 검색 또는 SO 검색에서 권장하는 다른 값이지만 ‘ user-scalable = X ‘값이 작동 하지 않는 것 같습니다

또한 세미콜론 대신 값을 구분하는 쉼표를 사용해 보았습니다. 행운은 없습니다. 그런 다음 user-scalable가치 가있는 것만 시도했지만 여전히 운이 없습니다.

최신 정보

Apple 사이트에서 얻었고 작동합니다.

<meta name="viewport" content="width=device-width, user-scalable=no" />

메타 태그를 사용하고있는 웹 사이트에서 메타 태그를 복사했기 때문에 문제는 비표준 따옴표였습니다.

답변

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

document.addEventListener('gesturestart', function (e) {
    e.preventDefault();
});

 document.addEventListener('touchmove', function(event) {
    event = event.originalEvent || event;
    if(event.scale > 1) {
      event.preventDefault();
    }
  }, false);

user-scalable=0

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

<meta name="HandheldFriendly" content="true">

html {
    -webkit-text-size-adjust: none
}

if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
  window.document.addEventListener('touchmove', e => {
    if(e.scale !== 1) {
      e.preventDefault();
    }
  }, {passive: false});
}