Categories
CSS

How to increase browser zoom level on page load with CSS?

Spread the love

Sometimes, we want to increase browser zoom level on page load with CSS.

In this article, we’ll look at how to increase browser zoom level on page load with CSS.

How to increase browser zoom level on page load with CSS?

To increase browser zoom level on page load with CSS, we set the zoom property.

For instance, we write

.zoom {
  zoom: 2;
}

to set zoom to 2 on the zoom class.

Then the zoom level is applied to all elements with the class.

Conclusion

To increase browser zoom level on page load with CSS, we set the zoom property.

By John Au-Yeung

Web developer specializing in React, Vue, and front end development.

Leave a Reply

Your email address will not be published. Required fields are marked *