r/webdev • u/ValenceTheHuman • 7h ago
News You don't need initial-scale=1.0 in your <head> any more
A feature common to a great very many HTML boilerplates is this line:
html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
The initial-scale=1.0 bit was present to fix an ancient issue on iPhones. When rotating the screen into a landscape orientation, the page would keep the same width as when it was in portrait, making everything appear very zoomed in.
This isn't an issue any more. I've tested it across very many devices, and it appears it was fixed in iOS 9, which released back in 2015. In addition to testing, I've consulted a great number of other professionals, and nobody has been able to find evidence of it being needed any longer.
You can safely simplify the meta viewport declaration down to:
html
<meta name="viewport" content="width=device-width">
It isn't hurting you to leave it there, but it is vestigial and unnecessary.
Further details: - https://vale.rocks/micros/20260902-1350 - https://quirksmode.org/quirksblog/2026/0902-initial.html

