<meta>: Setting The Viewport

//you should include the following <meta> viewport element in all your web pages
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  • HTML5 introduced a method to let web designers take control over the viewport, through the <meta> tag.
  • A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.
  • The viewport is the user's visible area of a web page, it varies with the device, and will be smaller on a mobile phone than on a computer screen.

Related concepts

<meta>: Setting The Viewport — Structure map

Clickable & Draggable!

<meta>: Setting The Viewport — Related pages: