Meta Viewport Tag, Responsive Meta Tag, Configure the Viewport

Configure the Viewport

This concept trigger when Page Speed Ideas find that your web page does not specify a viewport, or identifies a viewport that does not adjust to different gadgets.

Overview

A viewport manages how a webpage is shown on a phone device. Without a viewport, phone devices will render the webpage at a typical desktop display size, scaly to fit the display. Setting a viewport gives control over the webpage's size and scaling on different gadgets.

Meta Viewport Tag To Control the Website Layout On Mobile Browsers.

Recommendations:

Webpages enhanced to show well on mobile phones should consist of a meta viewport in the head of the papers specifying width=device-width, initial-scale=1.

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

Meta Viewport Tag

With the help of the viewport meta tag you can control the webpage dimentions and scaling that should be included in the document’s head.

Fixed-Width Viewport

You can set to a specific width through viewport tag such as width=320 or width=1024. This tag can be useful stopgape to ensure webpages width fixed dimensions view as expected.