HTML und CSS · Middle · Frage 32 von 75
Wofür sind Container Queries @container?
- 1Es ist der neue Name für
@media, das jetzt veraltet ist - 2Um eine Komponente nach der Größe ihres Containers zu stylen
- 3Um die maximale Breite der Seite zu begrenzen und sie zu zentrieren
Antwort zeigen
Richtige Antwort: Um eine Komponente nach der Größe ihres Containers zu stylen
Erklärung
Media Queries schauen auf den Viewport, eine Komponente kann aber in einer schmalen Seitenleiste oder einer breiten Spalte stehen. Container Queries lassen eine Karte sich an ihren tatsächlichen Platz anpassen: Das Elternelement bekommt container-type: inline-size, und Styles nutzen @container (width > 400px) { ... }. @media ist nicht veraltet.