Как запретить zoom элемента на странице в мобильном браузере?
Допустим, мы с помощью JS кода встраиваем на любой сайт некий элемент (пусть это будет кнопка).
Каким образом запретить увеличение/уменьшение элемента при зуме страницы на мобильных браузерах. То есть чтобы основной контент страницы продолжал зумиться, а наш элемент был всегда фиксированной ширины\высоты?
Спасибо.
Очевидный вариант— запретить увеличение в meta — user-scalable=no, а реализовать его самостоятельно в блоке с контентом. Кнопка должна быть за пределами этого блока.
Единственное, что вам нужно решить — использовать для увеличения блока GestureEvent или стандартные touchstart, touchend. Вроде бы андроиды поддерживают GestureEvent.
Простой
