CODEWITHSUNDEEP
htmlios
vijayalakshmiv n
vijayalakshmiv n

Reputation: 5

How to disable zoom on mobile website for ios devices using metatag?

I need to disable zoom on mobile website using metatag which is fixed for Android but I am searched more for ios metatag..It is not fixed..

Upvotes: 0

Views: 481

Answers (2)

Anzi Dev
Anzi Dev

Reputation: 3

if you wants to disable unwanted of websites in mobile devices, thats unwanted and anouying most of the time,

then meta tag's "user-scalable=no" can get your task done

something like this

     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

Upvotes: 0

Ramon
Ramon

Reputation: 1465

Disabling zoom in websites through the meta tag is not possible anymore.

Safari even mentioned this in it's release notes.

To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.

You could try disabling with javascript though:

document.addEventListener('gesturestart', function(e){ e.preventDefault(); });

https://developer.mozilla.org/en-US/docs/Web/Events/gesturestart

Upvotes: 2

Related Questions