'How to disable Zooming my website on Computer (using Ctrl + scroll) [duplicate]

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

javascripthtmlcsswebviewport


Solution 1:[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).

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions