Categories
android ipad iphone meta viewport

Full webpage and disabled zoom viewport meta tag for all mobile browsers

I want my webpage to be full screen and disable zooming on all mobile devices.

With the meta tag:

<meta name="viewport" content="width=1165, user-scalable=no">

I am able to do this for iPhone/iPad, but on Android devices the website is zoomed in to about 125%.

If I use the tag

<meta name="viewport" content="width=max-device-width, user-scalable=no">

I get the opposite result. So then it works on Android but it doesn’t work on iPad/iPhone.