Отключить настройку по умолчанию для увеличения с помощью mozilla firefox на Microsoft Tablet/Сенсорный монитор экрана

Ну, мое требование - масштабировать и панорамировать svg во всех устройствах/во всех браузерах. Я реализовал его с помощью panzoom.js.Отключить настройку по умолчанию для увеличения с помощью mozilla firefox на Microsoft Tablet/Сенсорный монитор экрана

Теперь я столкнулся с проблемой с Mozilla firefox в планшете и окнах с сенсорным экраном. Когда я пытаюсь ущипнуть и масштабировать svg. Он не поймает мое событие, а попадает на событие браузера и использует браузеры для увеличения и масштабирования всей страницы.

Я пробовал следующие шаги: Я добавил этот метатег в начало html.

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

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

Я также пробовал следующее свойство, которое работает в IE 11 и IE edge.

touch-action:none;

Ничего не работает в Mozilla.

Мне нужно отключить браузеры для увеличения масштаба, чтобы я мог реализовать свои функции.

Заранее благодарен!

источник

2016-10-04 Rohit Arora

Вы пробовали использовать [этот ответ?] (Http://stackoverflow.com/a/31131948/5187323) У меня нет сенсорного экрана, чтобы проверить его, но он отключает мой macbook для масштабирования. –

Или, может быть, попробуйте с другим плагином масштабирования? Сначала вы можете попробовать сначала во всех браузерах, а затем продолжить использование этого. – Leo

@JarodMoser Я могу отключить масштабирование в каждом браузере, но не в firefox. Также предложенный метод не работает для сенсорного масштабирования. Нам нужно реализовать «touch-action: none» в css, чтобы отключить масштабирование в других браузерах. –

-1

Вы должны отключить его через настройки компьютеров,

Настройки/Панель управления -> Мышь -> Настройка устройства -> ущипнуть, чтобы увеличить -> снимите флажок

, Это единственно возможным способом вы ничего не можете сделать с HTML или JavaScript

источник

2016-10-11 12:41:12

Спасибо, но мне нужно реализовать это с помощью javascript. Я не могу попросить моих клиентов сделать это в браузерах. Это также будет реализовано на других веб-сайтах. –

нет возможности реализовать это через javascript, есть несколько других сайтов, которые также сталкиваются с этой проблемой, надеюсь, что Microsoft скоро это исправит –

Итак, разве у нас нет возможности реализовать наш щепотный масштаб на странице? –

попробовать это:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,user-scalable=no,minimal-ui,minimum-scale=1.0,maximum-scale=1.0">

источник

2017-07-17 11:19:52 MajiD

Не могли бы вы объяснить, почему добавленные параметры помогают отключить пинч для увеличения или того, что они делают? –

** начальная шкала: ** Начальный зум при посещении страницы. 1.0 не масштабируется. ** минимальная шкала: ** Минимальная сумма, которую посетитель может увеличить на странице. 1.0 не масштабируется. ** максимальный масштаб: ** Максимальная сумма, которую посетитель может увеличить на странице. 1.0 не масштабируется. ** user-scaleable: ** Позволяет устройству увеличивать и уменьшать масштаб. Значения да или нет.я испытал, что в некоторых случаях ** 1 ** и ** 1.0 ** разные – MajiD

Не повезло ... Это не работает для firefox. Я попробовал еще раз. –

Отключить настройку по умолчанию для увеличения с помощью mozilla firefox на Microsoft Tablet/Сенсорный монитор экрана

ответ

Смежные вопросы