Menu Close

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

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.

Posted in CSS