Widoczny obszar to część okna przeglądarki, w której widoczna jest treść 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 treść jest zbyt duża, treść może zostać pomniejszona, aby zmieściła się na ekranie, co utrudnia czytanie.
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](https://developer.chrome.google.cn/static/docs/lighthouse/pwa/content-width/image/lighthouse-audit-showing-d4b33e60becd3.png?authuser=0000&hl=pl)
Kontrola się nie powiedzie, jeśli window.innerWidth
nie będzie równy window.outerWidth
.
Jak dopasować stronę do ekranów urządzeń mobilnych
Ten audyt pozwala określić, czy Twoja strona jest zoptymalizowana pod kątem urządzeń mobilnych. Zapoznaj się z naszymi podstawami elastycznego projektowania witryn, aby dowiedzieć się, jak utworzyć stronę dostosowaną do urządzeń mobilnych.
Możesz zignorować tę kontrolę, jeśli:
- Twoja witryna nie musi być zoptymalizowana pod kątem ekranów urządzeń mobilnych.
- Szerokość zawartości strony jest celowo mniejsza lub większa od szerokości widocznego obszaru.