Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

HTML tiene una metaetiqueta de la ventana de visualización

Por qué es importante la auditoría

Sin una metaetiqueta de la ventana de visualización, los dispositivos móviles representan páginas en longitudes de pantallas de escritorio convencionales y, a continuación, cambian el tamaño de la página para que se adapte a la pantalla del dispositivo. Si configuras la ventana de visualización, podrás controlar su longitud y su cambio de tamaño. Consulta los siguientes vínculos para obtener más información:

Cómo aprobar la auditoría

Agrega una etiqueta <meta> en el elemento <head> de tu HTML.

<head>
  ...
  <meta name="viewport" content="width=device-width, initial-scale=1">
  ...
</head>

El par clave-valor width=device-width define la longitud de la ventana de visualización al valor de la longitud del dispositivo. El par clave-valor initial-scale=1 define el nivel inicial de acercamiento cuando se visita la página.

Cómo se implementa la auditoría

En esta sección, se explica cómo se implementa esta auditoría para que puedas comprender cómo se calcula el puntaje de la auditoría.

Lighthouse verifica si hay una etiqueta <meta name="viewport"> en el elemento <head> del documento. También controla si el código tiene un atributo content y si el valor de este atributo contiene el texto width=. Sin embargo, no verifica si width es igual a device-width. Lighthouse tampoco verifica si hay un par clave-valor initial-scale.