Größe des Inhalts wird nicht korrekt an den Darstellungsbereich angepasst

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

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.

Ressourcen