Я пробовал все три, но безрезультатно:
<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" />
оказалось, что проблема была не в -стандартные цитаты, потому что я скопировал метатег с веб-сайта, который их использовал, упс
Я получил его работающий в 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
.