Prevent zoom cross-browser

I haven’t really found an “authoritative” answer, meaning a clear statement from browser developers. However, all answers to similar questions I’ve found (like this one or that one) suggest the same thing – the browser’s zoom feature exists for the benefit of the users and some browsers (like Firefox) simply don’t allow you, as a website creator, to take this option away from them.


This documentation might shed some light into why allowing authors to disable zoom might be a good idea on mobile devices, but not on desktops.

In short, you might need to prevent mobile devices from initially auto-zooming your website, if you know their calculated auto-zoom will be inappropriate. On desktops, there is no auto-zoom, so when users come to your website, they see it exactly as it was meant to be seen. If they then decide they need to zoom the page, there’s no good reason to let you prevent them from doing so.


As for the solutions you’ve listed:

  • zoom is a non-standard property not supported by Firefox, and
  • <meta name="viewport"> is concerned only with devices on which layout viewport and visual viewport are not the same thing, i.e. mobile devices.

Leave a Comment