How to disable Zooming my website on Computer (using Ctrl + scroll)

Question

i want to make my website not zoomable. Like when i press Ctrl+Scroll most websites would zoom by % but i want to disable it. Do you guys have any solution or idea how to make it possible ? I saw a page where i cant zoom, he is it : https://layouts.b3multimedia.ie/free-divi-layouts/finance/

Thanks for any advice. <3

does this answer your question? https://stackoverflow.com/questions/27116221/prevent-zoom-cross-browser — Zahra Bayat, Nov 01 '20 at 13:18
Does this answer your question? [Prevent zoom cross-browser](https://stackoverflow.com/questions/27116221/prevent-zoom-cross-browser) — Alon Eitan, Nov 01 '20 at 13:25
You say it doesn't help you but [this answer](https://stackoverflow.com/a/31131948/1145388) appears to have exactly what want. — Stephen Ostermiller, Feb 06 '22 at 10:49

Splatterxl · Answer 1 · 2022-02-05T14:24:49.250

-1

You can enter a special meta tag called the meta viewport tag into your head tag like so:

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

to prevent people from zooming into your page. Note the user-scaleable=no bit.

However, some browsers automatically override that. In fact, you should avoid disabling zooming in any case, as it creates an accessibility issue (as A. Haworth mentioned in the comments).

edited Feb 05 '22 at 14:24

answered Nov 01 '20 at 13:56

Splatterxl

343
1
10

1

Be wary of using this as on some systems it still prevents zooming (though IOS since version 10 ignores it for pinch zoom I think it may still be there for some Android browsers). This creates an accessibility issue which should be avoided. – A Haworth Nov 01 '20 at 15:10
Thanks for that, and sorry for the (extremely) late response, but I have updated the answer accordingly. – Splatterxl Apr 08 '21 at 18:46

How to disable Zooming my website on Computer (using Ctrl + scroll)

1 Answers1