Meta Viewport Test
About Meta Viewport Test
This will check if the webpage is using a viewport meta tag, which is necessary for responsive web design. Without a viewport meta tag, mobile devices render pages at typical desktop screen widths and then scale the pages down, making them difficult to read. Setting the viewport meta tag lets you control the width and scaling of the viewport so that it's sized correctly on all devices.
In order to pass this test, you have to add a viewport meta tag with the appropriate width and initial-scale values like below:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- width=device-width sets the width of the viewport to the width of the device.
- initial-scale=1 sets the initial zoom level when the user visits the page.