Как отключить область просмотра масштабирование в Mobile Safari?

Я пробовал все три, но безрезультатно:

<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 ', похоже, не работает

Я также пробовал разделять значения запятыми вместо точки с запятой, не повезло. Затем я попробовал ТОЛЬКО иметь значение , масштабируемое пользователем , но все равно не повезло.


ОБНОВЛЕНИЕ

Получил это с сайта Apple, и он работает:

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

оказалось, что проблема была не в -стандартные цитаты, потому что я скопировал метатег с веб-сайта, который их использовал, упс

361
задан Penny Liu 25 October 2019 в 23:42
поделиться

1 ответ

Я получил его работающий в iOS 12 со следующим кодом:

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

С первым, если оператор я удостоверяюсь, он только выполнится в средах iOS (если он выполнится в Android, то прокрутка behivour будет повреждена). Кроме того, отметьте passive набор опции к false.

3
ответ дан 23 November 2019 в 00:15
поделиться
Другие вопросы по тегам:

Похожие вопросы: