Der Darstellungsbereich ist der Teil des Browserfensters, in dem der Inhalt Ihrer Seite sichtbar ist. Wenn die Breite der Inhalte einer Seite kleiner oder größer als die Breite des Darstellungsbereichs ist, wird sie auf Bildschirmen von Mobilgeräten möglicherweise nicht richtig gerendert. Wenn beispielsweise der Inhalt zu groß ist, kann er verkleinert werden, um ihn anzupassen, wodurch der Text schwer lesbar wird.
So schlägt die Prüfung der Lighthouse-Inhaltsbreite fehl
Lighthouse kennzeichnet Seiten, deren Breite nicht mit der Breite des Darstellungsbereichs übereinstimmt:
![In der Lighthouse-Prüfung wird angezeigt, dass die Größe des Inhalts nicht an den Darstellungsbereich angepasst ist](https://developer.chrome.com/static/docs/lighthouse/pwa/content-width/image/lighthouse-audit-showing-d4b33e60becd3.png?authuser=6&hl=de)
Die Prüfung schlägt fehl, wenn window.innerWidth
ungleich window.outerWidth
ist.
So passen Sie Ihre Seite für Bildschirme von Mobilgeräten an
Die Prüfung ist ein Kreisverfahren, mit dem Sie herausfinden können, ob Ihre Seite für Mobilgeräte optimiert ist. In den Grundlagen zu responsivem Webdesign von Google erhältst du einen Überblick darüber, wie du eine für Mobilgeräte optimierte Seite erstellst.
Sie können diese Prüfung in folgenden Fällen ignorieren:
- Ihre Website muss nicht für Bildschirme von Mobilgeräten optimiert sein.
- Die Breite des Inhalts Ihrer Seite ist absichtlich kleiner oder größer als die Breite des Darstellungsbereichs.