Ionic v4 Page Zoom via viewport meta tag

Question

I have a website built using Ionic v4. My index.html is updated to allow user scaling

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

Pinch and zoom doesn't work in Chrome on Android.

Link to site here

Answer 1

Suppress the small zoom applied by many smartphones by setting the initial scale and minimum-scale values to 0.86. The result is horizontal scroll is suppressed in any orientation and the user can zoom in if they want to.

<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=3.0, minimum-scale=0.86">