What should most sites use?

width=device-width, initial-scale=1. Add viewport-fit=cover if you paint into the iPhone notch safe area.

Why warn about user-scalable=no?

Locking zoom fails WCAG 1.4.4 (resize text) unless the page still zooms another way. Prefer leaving scale open.

Sometimes used for desktop-only or email preview. Phones will shrink the layout. Most public pages want device-width.

Runs in your browser · Last updated 7 September 2026

Free Viewport Meta Generator

Free viewport meta generator. Build width, scale, user-scalable, and viewport-fit — with a WCAG zoom warning. Browser tool — nothing is uploaded.

Widthviewport-fitinitial-scaleminimum-scale (0 = omit)maximum-scale (0 = omit)user-scalable

Tag

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

How to use this tool

Pick a preset or set width and scale.
Leave user-scalable on unless you have a reason.
Copy the meta tag into your document head.

Worked example

Mobile default: <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">. Pair with the color contrast checker if you are also setting theme colors in the same head. A 16/9 (or 9/16) box that should not jump is the aspect-ratio calculator.

Frequently asked questions

What should most sites use?: width=device-width, initial-scale=1. Add viewport-fit=cover if you paint into the iPhone notch safe area.
Why warn about user-scalable=no?: Locking zoom fails WCAG 1.4.4 (resize text) unless the page still zooms another way. Prefer leaving scale open.
Fixed width?: Sometimes used for desktop-only or email preview. Phones will shrink the layout. Most public pages want device-width.
Uploaded?: No.