Next.js · Junior · Frage 38 von 75
Was übergibt man <Image> für ein Bild, das sich über den ganzen Elternblock streckt?
- 1
width="100%"undheight="100%"als Strings - 2Die Prop
fill, mitposition: relativeam Elternelement - 3Nichts:
<Image>füllt standardmäßig sein Elternelement
Antwort zeigen
Richtige Antwort: Die Prop fill, mit position: relative am Elternelement
Erklärung
Sind die Maße vorab unbekannt, nutzt man fill: Das Bild wird absolut positioniert und füllt das Elternelement, das relative, absolute oder fixed sein muss. sizes sagt, wie breit das Bild sein wird, damit der Browser keine zu große Datei lädt. Die Einpassung steuert man mit object-fit.