Viewport Meta Tag Generator for Responsive Mobile
Generate the viewport meta tag for mobile responsive design, right in your browser.
Recommendation: keep zoom allowed for accessibility.
🔒 100% client-side — no data sent
Generate the ideal viewport meta tag to make your web pages responsive on mobile, setting width, initial scale and zoom. The tool runs entirely in your browser, with no sign-up, and you copy the ready-to-paste code.
What is it for?
- ▸ Make a site responsive from the start of a web project
- ▸ Configure initial scale and allowed zoom on mobile
- ▸ Fix a zoomed-out or tiny display on smartphones
- ▸ Learn the role of each viewport tag parameter
FAQ
What is the viewport meta tag used for?
It tells the mobile browser how to fit the page width and zoom level to the screen. Without it, a site often appears zoomed out as if on a desktop screen.
What is the recommended viewport tag?
The most common value is <meta name="viewport" content="width=device-width, initial-scale=1">. It matches the width to the device and sets the initial zoom to 100%.
Should I disable user zoom?
Disabling zoom with user-scalable=no is discouraged because it hurts accessibility. Let users zoom the page unless you have a very specific case such as an interactive map.