Languages
[Edit]
EN

CSS - set web browser zoom level

3 points
Created by:
Maison-Humphries
791

In this article, we would like to show you how to set web browser zoom level using CSS.

Quick solution:

Where:

  • 0.5 means 50% zoom,
  • 1.0 means 100% zoom (it is default zoom),
  • 2.0 means 200% zoom,
  • etc.

Warning:

Mozilla Firefox does not support zoom style so transform style with prefix is used to solve the problem (it is state on November 2022).

 

Practical example

Edit

In this section, we present a full working example of how to use CSS zoom property on body element to set web browser zoom level.

Hint:

We can set zoom on any element, e.g. div, span, input, etc.

 

References

Edit
  1. zoom - CSS: Cascading Style Sheets | MDN

Alternative titles

  1. CSS - change web browser zoom level
1
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join