DzinerHub

DzinerHub

Viewport Meta Tag

An HTML tag that controls layout viewport size and scaling on mobile.

Viewport Meta Tag

An HTML tag that controls layout viewport size and scaling on mobile.

In Web & Mobile Design

What is the Viewport Meta Tag?

The viewport meta tag configures the layout viewport on mobile devices.

When to use the Viewport Meta Tag?

Always for responsive sites.

What is the anatomy of the Viewport Meta Tag?

- content="width=device-width, initial-scale=1"

- Disabling user‑scalable and accessibility considerations

- Interaction with CSS pixels and DPR