Cleanup: align viewport meta with the canonical width=device-width, initial-scale=1 pattern

[bram-atmire]

Describe the cleanup

src/index.html declares the viewport as:

<meta name="viewport" content="width=device-width,minimum-scale=1">

This works correctly with the project's responsive CSS, and on every modern browser the page renders at 100% on first paint, so this is not a current WCAG failure.

That said, the value diverges from the documented best-practice and the canonical pattern shipped by Bootstrap 5 starters and the Angular CLI:

<meta name="viewport" content="width=device-width, initial-scale=1">

The omission of initial-scale=1 historically caused some Android browsers and embedded WebViews to render at less than 1.0 zoom on first paint when there was a viewport mismatch, and minimum-scale=1 blocks pinch-zoom-out which is a stronger restriction than necessary. Aligning with the canonical pattern is hygiene rather than a defect.

Confirmed in main at commit 9b025a61e (2026-05-01), src/index.html line 8.

To Reproduce

Inspect src/index.html on main and compare with the Bootstrap 5 starter template / ng new default.

Expected behavior

Viewport meta uses <meta name="viewport" content="width=device-width, initial-scale=1"> to match the canonical pattern.

Related work

• Best-practice reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
• Listed for completeness; not a blocker.