CSS hat sich in den letzten Jahren stark ver?ndert. Es fühlt sich an, als ob wir jetzt jeden Monat neue Funktionen bekommen. Neue Funktionen sind sch?n und gut, aber es ist schwierig, mit dem Schritt zu halten, was vollst?ndig unterstützt wird oder sicher zu verwenden ist.
Geben Sie progressive Verbesserungen ein: Codefunktionen und Syntax, die Ihnen sichere Ausweichm?glichkeiten für den Fall bieten, dass Ihre Benutzer Ihre Website in einem Browser besuchen, der nicht unterstützt wird.
Hier sind ein paar einfache CSS-Eigenschaften und -Techniken, die sicher zu verwenden sind; Verbessert das Erlebnis für einige Benutzer, bietet jedoch zufriedenstellende Alternativen für andere.
Besserer Text mit Textumbruch: hübsch und Textumbruch: Ausgewogenheit
Nicht alle Browser unterstützen die Textumbruchwerte ?Balance“ und ?Pretty“, aber sie sind sicher in der Verwendung.
Wenn Sie mit diesen Werten nicht vertraut sind, sind sie M?glichkeiten, Ihren Text zu ?reparieren“, damit er (Sie haben es erraten) hübscher oder ausgewogener aussieht.
Behebt ziemlich das Problem mit ?verwaisten“ W?rtern, wenn das letzte Wort eines Textabsatzes in eine neue Zeile umgebrochen wird und es am Ende ganz allein bleibt. Pretty stellt sicher, dass das letzte Wort von einem weiteren Wort begleitet wird, was sich hervorragend für überschriften eignet (HINWEIS: Verwenden Sie es nicht für gr??ere Teile des Textk?rpers, da es einen langsameren Algorithmus verwendet, um das beste Ergebnis zu berechnen).
MDN-Dokumentation für Textumbruch: hübsch
Balance passt Ihre Abs?tze so an, dass der Text so umbrochen wird, dass die Anzahl der Zeichen in jeder Zeile ausgeglichen wird und so die Layoutqualit?t und Lesbarkeit verbessert wird. Dies ist nützlich für Abs?tze einer bestimmten L?nge, z. B. Leittext oder ein Marketingtext innerhalb eines Banners. (HINWEIS: Verwenden Sie dies nicht für alle
-Tags in Ihrem Flie?text. Die Berechnung der perfekten Balance basierend auf der Anzahl der Zeichen ist rechenintensiv, daher haben die Browser eine Obergrenze für diese Funktion basierend auf Textzeilen: sechs oder weniger für Chromium und zehn oder weniger für Firefox)
MDN-Dokumentation für Textumbruch: Balance
Demo
Der Rückfall
Das Einzige, was passiert, wenn der Browser diese Funktionen nicht unterstützt, ist, dass der Text verwaiste Texte enth?lt oder m?glicherweise nicht so ausgewogen ist, wie Sie es m?chten. Und das ist in Ordnung; Wir leben seit 30 Jahren beim Surfen im Internet damit, daher beeintr?chtigt es das Erlebnis von Benutzern mit nicht unterstützten Browsern nicht.
Automatisch wachsende Formularfelder mit field-sizing: content
Waren Sie jemals frustriert darüber, dass