Mobile viewport not specified

Rule from mobile under compatibility category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base



Suggest an edit

Cancel

This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content



 

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">

in the <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.

How do I fix this ?

Fixed by ensuring that the expected viewport is supplied to render optimised pages correctly on mobile devices.

Accessibility

For accessibility avoid using minimum-scale, maximum-scale and user-scalable as this may restrict people from viewing your site.

Resources

Browse another section of the knowledge base



Signup icon
Ready to see how well your site scores?

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