0

I want to disable pinch-zoom in my next js project. So I did this in my _app.tsx file

   <Fragment>
          <Head>
            <meta
              name="viewport"
              content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
            />
          </Head>
          <Component {...pageProps} />
        </Fragment>

And I think this isn't enough for the IOS. I tried to find a solution from google and tried this too.

body {
  touch-action: pan-x pan-y;
}

This also seems not working. Then I found this Stackoverflow answer This added a global even listener. Where can I add such a global event listener in a nextjs project?

Pathum Kalhan
  • 5,597
  • 21
  • 62
  • 114

0 Answers0