15 min20 XP

Viewport Meta Tag

Setting Up for Mobile

Step 1 of 5

What is the Viewport?

The viewport is the part of the webpage that you can see on your screen!

Think of it like:

  • A window: The viewport is your "window" into the webpage
  • Different sizes: Phone viewport is small, desktop is big
  • Zoom level: You can zoom in and out to change it

The Problem

Without special instructions, mobile browsers try to show desktop websites by zooming way out. This makes text tiny and hard to read!

❌

Without Viewport Tag

Tiny text, hard to read, need to zoom

✓

With Viewport Tag

Perfect size, easy to read!