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

Question

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?

score 1 · Answer 1 · edited May 23 '17 at 12:00

1

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:

edited May 23 '17 at 12:00

Community

answered Mar 09 '17 at 15:38

@yoash Are you using desktop browser. My answer is related to only mobile devices. – Begmuhammet Kakabayev Mar 09 '17 at 16:41
yes i am, how can i block it to desktop browser, please help me im lost... – yoash Mar 09 '17 at 17:07
@yoash look at the links that I added. – Begmuhammet Kakabayev Mar 09 '17 at 17:08

1 Answers1