У меня есть страница с картой svg в половине верхней части и индексом в нижней половине области. Эта страница будет отображаться на сенсорном экране. Я хочу изолировать индекс (нижнюю область) от увеличения при использовании touch-action: pinch-zoom в верхней области (карта). Я пытался использовать iframe для верхней части страницы, но он продолжает увеличивать всю страницу
Попробуйте добавить это в заголовок документа HTML. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
. Оставьте touch-action:pinch-zoom на карте.
touch-action:pinch-zoom