Ionic , is it possible to pinch zoom page like web on mobile?

Hi :slight_smile: I’m developing app with ionic4 but wondering if there’s any chance that ionic app also can be pinched zoom in - out just like chrome web browser on mobile devices…

I thought ionic is webview based hybrid app, so it basically implemented but it’s not work as I expected.

how can I pinch zoom in out ionic app’s page?

ichanged index.html like below
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=10.0, user-scalable=yes">
but it’s not working on real device

2 Likes

I have the same problem! Can someone help us?

Same issue here

Updating the meta viewport does not allow zooming in Chrome on Android

<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=0.86, minimum-scale=0.86, maximum-scale=12.0, user-scalable=yes">

I could not get it to work either but I am using https://ionicframework.com/docs/native/photo-viewer now.
Instead of pinching I am binding the photo-viewer to a click event and do the pinching in the opened photo-viewer afterwards.

This is working only for images though!

Hello everyone.
Did anyone solve this? I am facing the same issue: build a web app (so simple “ionic build”), to be opened on desktop and mobile, but I would like to allow mobile web users to zoom the whole page using pinch (like most regular websites).
The meta tag user-scalable=yes is being ignored and I don’t get why…

Thanks!

The same issue. The pinch zoom works fine in iOS app, but not in android.
I have this:

Is there no way yet?

I have the same issue. Any ideas?