Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Cómo falla la auditoría de ancho de contenido de Lighthouse
  • Cómo hacer que tu página se ajuste a las pantallas de los dispositivos móviles
  • Recursos

El contenido no tiene el tamaño correcto para la ventana gráfica

May 4, 2019 — Actualizado Sep 19, 2019
Available in: Português, English
Appears in: Auditorias de las PWA
En esta página
  • Cómo falla la auditoría de ancho de contenido de Lighthouse
  • Cómo hacer que tu página se ajuste a las pantallas de los dispositivos móviles
  • Recursos

La ventana gráfica es la parte de la ventana del navegador en la que se ve el contenido de tu página. Cuando el ancho del contenido de tu página es más pequeño o más grande que el ancho de la ventana gráfica, es posible que no se muestre correctamente en las pantallas de los dispositivos móviles. Por ejemplo, si el ancho del contenido es demasiado grande, el contenido puede reducirse para ajustarse, lo que dificulta la lectura del texto.

Cómo falla la auditoría de ancho de contenido de Lighthouse #

Lighthouse marca las páginas cuyo ancho no es igual al ancho de la ventana gráfica:

Auditoría Lighthouse que muestra contenido que no tiene el tamaño correcto para la ventana gráfica

La auditoría falla si window.innerWidth no es 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).

Cómo hacer que tu página se ajuste a las pantallas de los dispositivos móviles #

Esta auditoría es una forma indirecta de determinar si tu página está optimizada para dispositivos móviles. Consulta los conceptos básicos del diseño web responsivo de Google para obtener una descripción general de cómo crear una página compatible con dispositivos móviles.

Puedes ignorar esta auditoría si:

  • Tu sitio no necesita estar optimizado para pantallas móviles.
  • El ancho del contenido de tu página es intencionalmente más pequeño o más grande que el ancho de la ventana gráfica.

Recursos #

  • El código fuente para la auditoría de El contenido no tiene el tamaño correcto para la ventana gráfica
  • Conceptos básicos del diseño web responsivo
Última actualización: Sep 19, 2019 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

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.