Самый быстрый способ обойтись без возможности перетянуть на iDevice?

Question

У меня есть сайт, который использует ползунок jQuery UI .

Я запустил его в своем iPhone и понял, что при попытке перетащить ползунок (перетаскивая на него палец), он прокручивает сайт слева направо и оставляет ползунок без изменений.

Похоже, я могу скользить только тогда, когда сайт находится на уровне масштабирования, который показывает всю страницу. Я думаю , что вы можете форсировать этот уровень масштабирования с помощью элемента meta. Тем не менее, при таком уровне масштабирования содержимое сайта довольно неразборчиво (по крайней мере, на экране iPhone).

Какой самый быстрый способ обойти это? Возможно ли в mousedown (я думаю, что iPhone будет запускать его, когда на него наведен палец), чтобы увеличить масштаб сайта до fit-all , чтобы пользователь мог использовать слайдер?

А если самый быстрый способ - хакерский / уродливый, какие есть лучшие решения?

Я использую jQuery.

Большое спасибо!

Answer 1

Попробуйте добавить этот метатег

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

Я скопировал его из гармонии веб-приложения mrdoob.Я знаю, что когда вы открываете его приложение гармонии из браузера Android, вы все равно можете рисовать, двигая пальцем.Это не делает весь веб-страницу слайдом.

Answer 2

У вас есть для использования элемента слайдера?Я также использую элемент слайдера на сайте, но если javascript отключен или недоступен, я показываю два блока выбора вместо слайдера.