Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Como a auditoria de largura de conteúdo do Lighthouse falha
  • Como ajustar sua página em telas de celular
  • Recursos

O conteúdo não está dimensionado corretamente para a janela de visualização

May 4, 2019 — Atualizado Sep 19, 2019
Available in: Español, English
Appears in: Auditorias de PWA
Nesta página
  • Como a auditoria de largura de conteúdo do Lighthouse falha
  • Como ajustar sua página em telas de celular
  • Recursos

A janela de visualização é a parte da janela do navegador na qual o conteúdo da sua página é visível. Quando a largura do conteúdo da sua página é menor ou maior do que a largura da janela de visualização, ela pode não ser renderizada corretamente nas telas de dispositivos móveis. Por exemplo: se a largura do conteúdo for muito grande, o conteúdo pode ser reduzido para caber, tornando o texto difícil de ler.

Como a auditoria de largura de conteúdo do Lighthouse falha #

O Lighthouse sinaliza páginas cuja largura não é igual à largura da janela de visualização:

Auditoria do Lighthouse mostrando conteúdo não dimensionado corretamente para a janela de visualização

A auditoria falhará se window.innerWidth não for igual a window.outerWidth .

In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

Como ajustar sua página em telas de celular #

Esta auditoria é uma forma indireta de determinar se sua página está otimizada para dispositivos móveis. Consulte os Princípios básicos do design responsivo da Web do Google para obter uma visão geral de como criar uma página compatível com dispositivos móveis.

Você pode ignorar esta auditoria se:

  • Seu site não precisa ser otimizado para telas de dispositivos móveis.
  • A largura do conteúdo da sua página é intencionalmente menor ou maior do que a largura da janela de visualização.

Recursos #

  • O código-fonte do conteúdo não está dimensionado corretamente para a auditoria da janela de visualização
  • Noções básicas de web design responsivo
Last updated: Sep 19, 2019 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.