HTML · Document structure

meta viewport

Makes the layout match the device width on mobile. Without it phones render the page at a desktop width and shrink it.

Syntax
<meta name="viewport" content="width=device-width, initial-scale=1">

Example

Try it

Notes

Never disable zoom with user-scalable=no; it blocks people who need to enlarge text.

More in this group

<!doctype html> base body head html link meta charset meta description

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course