Containereinheiten sollten ziemlich praktisch sein

Containerabfragen sind bereit, das Webdesign zu revolutionieren, indem Layoutentscheidungen auf der Grundlage der Dimensionen einzelner Elemente (Container) und nicht auf dem gesamten Ansichtsfenster aktiviert werden. Stellen Sie sich einen Container vor, der ein Zeilenlayout bei 600 PX breit annimmt, aber zu einem Säulenlayout bei schmaleren Breiten wechselt - diese Granularsteuerung ist transformativ. Dies unterscheidet sich erheblich von herkömmlichem reaktionsschnellem Design, das ausschließlich auf den Haltepunkten der Bildschirmgröße abhängt.

Während prozentuale Einheiten (%) eine gewisse Größe des Containers anbieten, sind ihre Fähigkeiten begrenzt. Zum Beispiel kann die Breite eines Containers als Prozentsatz der Breite seines Elternteils festgelegt werden, aber es gibt keinen Mechanismus, um Eigenschaften zu verknüpfen. Sie können beispielsweise die Schriftgröße als Prozentsatz der Breite eines Behälters nicht festlegen.

Geben Sie Containereinheiten ein! In der vorgeschlagenen Spezifikation werden mehrere neue Einheiten eingeführt:

Dies entsperren beispiellose Flexibilität. Schriftgröße, Linienhöhe, Lücke, Marge - praktisch jede Eigenschaft - können jetzt dynamisch auf der Breite des Containers eingestellt werden.

Früher Zugang ist verfügbar! Miriam (@terriblämie) hebt die Unterstützung von Chrome Canary hervor (wobei das Flag der Containerabfragen aktiviert ist). Ein kurzes Demonstrationsvideo zeigt das Potenzial.

Eine weitere Erkundung von Scott (Link zu Scotts Arbeiten wird hier eingefügt, wenn sie zur Verfügung gestellt werden) und Ahmad Shaded liefern zusätzliche Erkenntnisse:

Ahmad Shaded betont die Effizienzgewinne von Behältereinheiten für die Verwaltung von Schriftgrößen, Polsterung und Marge innerhalb der Komponenten und entscheidet die Notwendigkeit manueller Anpassungen.

Die gleichzeitige Freisetzung von Containerfragen und Containereinheiten bleibt ungewiss, aber die möglichen Auswirkungen sind unbestreitbar.

Das obige ist der detaillierte Inhalt vonContainereinheiten sollten ziemlich praktisch sein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!