bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Sofia Emelianova
CSS-Containerabfragen sind die neue CSS-Funktion, auf die Webentwickler schon lange gewartet haben. Dies könnte eine Revolution im Webdesign auslösen – vom seitenbasierten responsiven Design zum containerbasierten responsiven Design.
Mit den Chrome-Entwicklertools können Sie neue Layout-Designmuster einführen und auf dem Laufenden bleiben, was die neuesten Trends angeht. Mit dieser CSS-Funktion können Sie Ihre Containerabfragen jetzt in den DevTools prüfen und beheben.
Im Video oben erhalten Sie einen Überblick über Containerabfragen, ihre Syntax und die Möglichkeit, sie in den DevTools zu prüfen.
Containerelemente und ihre untergeordneten Elemente sind jetzt durch ein entsprechendes Symbol gekennzeichnet, über das ein gepunktetes Linien-Overlay eingeblendet wird.
Prüfen Sie @container-Regeln, die auf Nachkommen angewendet werden, wenn Container Abfragebedingungen erfüllen.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-06-30 (UTC)."],[],[]]