2015-04-24 5 views
2

У меня есть сайт, предназначенный для сенсорных экранов, работающих под управлением Firefox (очень конкретный, я знаю, но, надеюсь, поможет с решением) На странице, о которой идет речь, я получил карту d3, на которую я пытаюсь включить масштабирование, но любой жест щепотки заставляет Firefox устанавливать масштаб для всей страницы. Есть ли способ предотвратить масштабирование страницы и разрешить только масштабирование карты?Firefox отключает просмотр браузера, но позволяет увеличить масштаб изображения на пинче

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

Спасибо заранее

ответ

0

Вы могли бы быть в состоянии сделать это с помощью viewport metatag и Hammer.js

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

Это отключит масштаб браузера по умолчанию.


Вы можете использовать Hammer.js для захвата события жестов, которые вы затем передать в код D3.js, чтобы увеличить вашу карту

+0

, к сожалению, мне кажется, что большинство браузеров игнорировать «пользователь-масштабируемой = нет». Есть ли какие-нибудь новые идеи, как Chrome (где он работает, чтобы увеличить размер svg без увеличения браузера) справляется с этим? Даже на веб-сайте hammerjs, его невозможно зажать-увеличить пример в FF –