Enable zoom in mobile website

Question

I\'m developing a mobile web site. But the zoom effect is not working on my pages. I\'ve used the following tag in the pages.

Answer 1

set also user-scalable to 1.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" />

Answer 2

When I just came across this post because I was experiencing the same issue, I realized that you can also simply remove the tag to make it scroll/zoom.

Answer 3

This is because you've set the maximum-scale to the minimum amount (1.0) which means it won't be zoomable beyond what is rendered initially. You need to set the maximum-scale to something else between 1.0 and 10.0 in that meta tag. The default by Apple is to have the maximum-scale as 5.0 as per Apple's Documentation.

Apple's Documentation on Meta Tags has a table on Viewport properties which list all the viewport meta tags which can be used