A janela de visualização é a parte da janela do navegador em que o conteúdo da sua página fica visível. Quando a largura do conteúdo da página é menor ou maior que a da janela de visualização, talvez ela não seja renderizada corretamente em telas de dispositivos móveis. Por exemplo, se a largura do conteúdo for muito grande, ele poderá ser reduzido para caber, dificultando a leitura do texto.
Como a auditoria de largura de conteúdo do Lighthouse falha
O Lighthouse sinaliza páginas com largura diferente da janela da janela de visualização:
![Auditoria do Lighthouse mostrando conteúdo com tamanho incorreto para a janela de visualização](https://developer.chrome.com/static/docs/lighthouse/pwa/content-width/image/lighthouse-audit-showing-d4b33e60becd3.png?authuser=5&hl=pt-br)
A auditoria falhará se window.innerWidth
não for igual a window.outerWidth
.
Como fazer com que sua página caiba em telas de dispositivos móveis
Essa auditoria é uma forma indireta de determinar se sua página está otimizada para dispositivos móveis. Consulte o artigo Princípios básicos do Web design responsivo do Google para ter 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 que a da janela de visualização.