Rozmiar treści nie jest prawidłowo dopasowywany do widocznego obszaru

Jest to część okna przeglądarki, w której widać zawartość strony. Jeśli szerokość zawartości strony jest mniejsza lub większa niż szerokość widocznego obszaru, może nie być prawidłowo wyświetlana na ekranach urządzeń mobilnych. Jeśli na przykład szerokość treści jest zbyt duża, możemy ją zmniejszyć tak, aby zmieściła się w całości, co utrudnia czytanie tekstu.

Co się dzieje, gdy kontrola szerokości treści w Lighthouse kończy się niepowodzeniem

Lighthouse oznacza strony, których szerokość nie jest równa szerokości widocznego obszaru:

Inspekcja Lighthouse pokazująca treści o nieprawidłowym rozmiarze widocznego obszaru

Audyt nie powiedzie się, jeśli window.innerWidth ma wartość inną niż window.outerWidth.

Jak dopasować stronę do ekranów urządzeń mobilnych

Dzięki temu audytowi możesz określić, czy Twoja strona jest zoptymalizowana pod kątem urządzeń mobilnych. Aby dowiedzieć się, jak utworzyć stronę dostosowaną do urządzeń mobilnych, przeczytaj artykuł Google o podstawach elastycznego projektowania witryn.

Możesz zignorować tę kontrolę, jeśli:

  • Twoja witryna nie musi być optymalizowana pod kątem ekranów urządzeń mobilnych.
  • Szerokość treści strony jest celowo mniejsza lub większa niż szerokość widocznego obszaru.

Zasoby