CODEWITHSUNDEEP
htmlcss
yoash
yoash

Reputation: 35

How can one block a persons ability to zoom by css or html

im trying to block the option to zoom (in or out) in my website. i tried to put this meta code:

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

but unfortunately no success... any ideas?

Upvotes: 1

Views: 143

Answers (1)

Begmuhammet Kakabayev
Begmuhammet Kakabayev

Reputation: 310

You should add maximum-scale=1.0

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

But it is for mobile devices.

If you are using desktop, it is a bit complicated. You can use javascript to block some keys. Here are some useful links:

  1. Prevent zoom cross-browser

  2. Disable zooming of the page in desktop web browsers using Javascript/Jquery [duplicate]

Upvotes: 1

Related Questions