CSS-Containerabfragen sind die neue CSS-Funktion, die Webentwickler begeistert. Sie könnte zu einer Revolution im Webdesign führen – vom seitenbasierten responsiven Design zum containerbasierten responsiven Design.
Mit den Chrome-Entwicklertools kannst du neue Layoutmuster einführen und die neuesten Trends verfolgen. Mit der Unterstützung dieser CSS-Funktion kannst du jetzt deine Containerabfragen in den Entwicklertools überprüfen und debuggen.
Das Video oben bietet einen Überblick über Containerabfragen, ihre Syntax und wie sie in den Entwicklertools überprüft werden können.
Du kannst jetzt Containerelemente und ihre Nachfolger erkennen, indem du das entsprechende Badge ein-/ausschaltest, das ein Overlay mit gepunkteten Linien ein-/ausschaltet.
Prüfen Sie die @container-Regeln, die auf untergeordnete Elemente angewendet werden, wenn Container Abfragebedingungen erfüllen.
Weitere Informationen zur Unterstützung von Containerabfragen in den Entwicklertools finden Sie unter CSS-Containerabfragen prüfen und debuggen.