Rule from mobile under compatibility category
Passmarked is made out of users just like you who helped supply some content. Click below to contribute to this rule. We need you.Add content to this rule
The viewport controls how your webpage is rendered on mobile devices. If no viewport is specified mobile devices will try to render with typical desktop width for compatibility which breaks user experience.
To avoid problems with screen sizes it's not recommended to specify explicit widths for the viewport, rather use relative sizes such as percentage.
When checking for the viewport we expect to see the following:
<meta name="viewport" content="width=device-width, initial-scale=1">
<head> of your page. This will render pages optimised to display well on mobile devices with the full width of the device viewport.
No viewports were found configured on the page, which will cause unexpected behaviour from browsers. With most modern mobile devices defaulting to rendering the page in "desktop" mode with a smaller viewport.
Fixed by ensuring that the expected viewport is supplied to render optimised pages correctly on mobile devices.
For accessibility avoid using
user-scalable as this may restrict people from viewing your site.
Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.Sign up to get started