Go back

You no longer need initial-scale=1.0 in the viewport meta tag 📱

Why modern mobile browsers no longer need initial-scale=1.0, and the viewport meta tag you can keep instead.

Declan Chidlow and Peter-Paul Koch have both examined a popular web layout myth at the same time.

The line <meta name="viewport" content="width=device-width, initial-scale=1.0"> sits in the <head> of practically every modern website. But as tests show, the initial-scale=1.0 parameter has been useless for quite a while.

Why was it needed in the first place?

Back in the days of the first iPhone and early iOS versions (as well as older mobile browsers), this parameter was necessary to eliminate bugs involving incorrect zoom when rotating the device (orientation change) or improper content scaling.

What about 2026?

All these problems have long been solved at the browser-engine level, since iOS 9+. For all modern mobile browsers, it’s now more than enough to keep just:

<meta name="viewport" content="width=device-width" />

That’s 19 bytes less in your HTML. A small thing, but it’s nice to clean fifteen-year-old anachronisms out of default templates.

Copied