Почему мобильный сафари приближает некоторые элементы при тапе?

Question

[Максим Золотой]

У меня есть слайдер который я сделал - и у него по бокам div широкий на который если нажать то следующая фотка всплывает. Эти div упираются в края экрана. Проблема в том, что когда на них с мобильного в сафари пальцем жмешь - иногда они себя нормально ведут, а иногда сафари берет и масштаб увеличивает фокусируясь на этой кнопке. Кто знает как от этого избавится? это жутко бесит.
На скрине обвел желтым элемент кнопки полностью что бы наглядно было.

а вот так он приближает иногда

Answer 1

[tyzberd]

пробуйте

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

Comments

[Максим Золотой]

Именно так у меня и указано. В мобильном сафари user scalable no не работает

[tyzberd]

тогда пробовать что то с этого https://stackoverflow.com/questions/37808180/disab...

[tyzberd]

норм вариант с задержкой в 300мс, раньше так было в owl carousel, сейчас не знаю.

[Максим Золотой]

tyzberd, да, нашел там решение проблемы) спасибо
вот этот код помог

$(function () {
	var preLastTouchStartAt = 0;
	var lastTouchStartAt = 0;
	var delay = 500;
	document.addEventListener('touchstart', function () {
		preLastTouchStartAt = lastTouchStartAt;
		lastTouchStartAt = +new Date();
	});
	document.addEventListener('touchend', function(event) {
		var touchEndAt = +new Date();
		if (touchEndAt - preLastTouchStartAt < delay) {
			event.preventDefault();
			event.target.click();
		}
	});
});