Size content to viewport

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.

The page has the tag configured but upon inspection has elements rendered bigger than the width of the screen. Meaning users would not be able to interact with the item without scrolling or not at all.

This issue could signify a website that has not been built to handle mobile screens but has been configured and rendered using a scaled viewport for phones. Non-responsive sites often fall in this category.

How do I fix this ?

Review the page in question on a small viewport using any of the following known tools:

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