Зум пальцами только контент части

Добавил

<meta data-n-head="1" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

И такой шаблон vue

<template>
  <v-app >
    <v-main class="d-flex align-stretch">
        <Nuxt fill-height class="ma-0 pa-0 container--fluid "/>
    </v-main>

    <v-navigation-drawer right dark app mini-variant touchless mobile-breakpoint=0>
      <navigation />
    </v-navigation-drawer> 
  </v-app>
</template>

Но на десктопном хроме контент всеравно масштабируется колесом - как запретить? Тут хоть подстраивается вьюпорт и не так критично.

Также масштабируется двумя пальцами несмотря на мета - надо бы запретить чтоб навигация не уехала с экрана.

И потом нужно включить масштабирование у контента внутри main.

Добавил ещё

<style>
html,body,#app {
  touch-action: pan-x pan-y;
}

main {
  touch-action: manipulation;
  overflow-y: auto !important;
  height: 100vh;
}
</style>

Сейчас нет масштабирования в мобильном браузере (пока не особо нужен мобильный браузер). Большой браузер не проврял ещё - нужно собирать тачскрин..