Content is not sized correctly for the viewport

When content width is smaller or larger than viewport width, that's often a cue that the page is not optimized for mobile screens. This audit checks that the width of the content on your page is equal to the width of the viewport:

Lighthouse audit showing content not correctly sized for viewport
Content not correctly sized for viewport.

How this audit fails

The audit fails if window.innerWidth does not equal window.outerWidth.

Each PWA audit is weighted equally in the Lighthouse PWA Score, with the exception of three manual audits: Site works cross-browser, Page transitions don't feel like they block on the network, Each page has a URL. Learn more in The Progressive Web App score.

Recommendations

This audit is a roundabout way of determining if your page is optimized for mobile devices. If your site is not optimized and you want it to be, then see Responsive Web Design Basics to get started.

You can ignore this audit if:

  • Your site does not need to be optimized for mobile screens.
  • The content width of your page is intentionally smaller or larger than the viewport width.

More information

Content not sized correctly for viewport audit source

Last updated: Improve article