Last updated October 6, 2026 · Report an error
The meta viewport tag is what makes a webpage actually responsive on mobile devices — without it, phones render pages at a default desktop-like width and zoom out, defeating any responsive CSS you've written.
This generator builds a correctly formatted meta viewport tag from your chosen width, initial scale, and zoom settings.
How it works
Choose the viewport width (typically "device-width"), initial zoom scale, an optional maximum zoom scale, and whether to allow users to pinch-zoom. The generator combines these into a single, correctly formatted meta tag.
- Enter width.
- Enter initial scale.
- Enter maximum scale (optional).
- Enter allow user zoom.
- Click Calculate to see your results.
Examples
The standard responsive viewport tag
Using device-width, an initial scale of 1, and allowing user zoom generates: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">.
Who should use it
- Adding the required viewport tag to a new HTML page or template.
- Double-checking an existing viewport tag's syntax is correctly formatted.
Industry applications
- Web development and front-end engineering
- Mobile-responsive design
Advantages
- Generates a correctly formatted tag in one step, avoiding syntax mistakes.
- Supports optional maximum-scale for specific use cases.
Limitations
- Only generates the tag itself — doesn't verify your page's CSS is actually responsive.
Common mistakes to avoid
- Disabling user-scalable, which creates an accessibility problem for users who need to zoom in to read content.
- Forgetting to include the meta viewport tag at all, which leaves mobile browsers rendering the page at a non-mobile-friendly default width.
Best practices
- Always leave user-scalable set to "yes" (or omit it, since "yes" is the default) to preserve pinch-zoom accessibility for all users.
Tips
- Avoid setting a maximum-scale unless you have a specific reason to — it limits how far users can zoom in, which can hurt accessibility for users who need larger text.