This test will assess if a webpage is using the meta viewport tag, which is essential for achieving a responsive design. Without this tag, mobile devices would present webpages as if they were on a regular desktop screen size and then scale it down, rendering it difficult to read. The meta viewport tag gives you control of the width and scaling of the viewport, ensuring it fits all devices properly.
How to fix meta viewport?
Best way to set viewport is as below, since its ideal way to set viewport for all device support
<meta name="viewport" content="width=device-width, initial-scale=1">
In addition to setting an initial-scale
, you can also set the following attributes on the viewport:
minimum-scale
maximum-scale
user-scalable
When set this, It will disable the user's ability to zoom the viewport, potentially causing accessibility issues. Therefore we would not recommend using these attributes.