O conteúdo não está dimensionado corretamente para a janela de visualização
Published on • Updated on
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](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/y8JKlbJTu7ERetHUGuaA.png?auto=format)
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
Updated on • Improve article