Viewport Meta Tag
The viewport meta tag tells mobile browsers how to scale the page. Without it, mobile browsers render at desktop width and zoom out.
Always include it in every HTML page for proper mobile rendering.
HTML
Beginner
3 min read
The Viewport Meta Tag
Example
<head>
<meta charset="UTF-8">
<!-- Essential for responsive design -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Page</title>
</head> Pro Tip
Never add user-scalable=no — it prevents users with visual impairments from zooming in.