XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Modernes CSS (http://xhtmlforum.de/showthread.php?t=74489)

Sabine1 29.12.2022 11:12

Modernes CSS
 
Werden beim folgenden Code eigentlich noch die Prefixes benötigt?

Code:

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;


cloned 29.12.2022 12:07

Hier kannst du sehen welche Browser(-versionen) flexbox ohne prefixe unterstützen: https://caniuse.com/flexbox (Ich würde sagen, die prefixe werden nicht mehr wirklich gebraucht)

Alles was grün ist, unterstützt es ohne Prefixe.
Du kannst das auch für jede andere CSS-Eigenschaft auf der Seite nachsehen welche browser welche prefixe benötigen.

Sabine1 29.12.2022 12:38

Zitat:

Zitat von cloned (Beitrag 555348)
Hier kannst du sehen welche Browser(-versionen) flexbox ohne prefixe unterstützen: https://caniuse.com/flexbox (Ich würde sagen, die prefixe werden nicht mehr wirklich gebraucht)

Alles was grün ist, unterstützt es ohne Prefixe.
Du kannst das auch für jede andere CSS-Eigenschaft auf der Seite nachsehen welche browser welche prefixe benötigen.

Danke für deine Antwort!
Die Seite kenne ich schon und habe da auch schon nachgeschaut.

Mich verwirrt etwas, dass die Bezeichnungen unterschiedlich sind.
Beispielsweise
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

cloned 29.12.2022 14:21

Sieht man auf der Seite unter Punkt 1 und 2 erklärt. Das sind zwei unterschiedliche, alte Syntax für flexbox.

Sabine1 30.12.2022 08:58

Zitat:

Zitat von cloned (Beitrag 555350)
Sieht man auf der Seite unter Punkt 1 und 2 erklärt. Das sind zwei unterschiedliche, alte Syntax für flexbox.

Danke für den Hinweis. Das habe ich wohl übersehen.
Dir noch einen schönen Tag und einen guten Rutsch ins neue Jahr!

cloned 30.12.2022 09:32

Es ist auch nichts, was einfach und sofort auf den ersten Blick sichtbar ist. Bei der Seite macht es aber durchaus auch Sinn genannten Punkte für die einzelnen Sektionen anzusehen.

Sofern man das CSS nicht komplett von Hand schreibt sondern mittels SCSS und einem builder (webpack, grunt, ...) kompiliert kann man natürlich auch mittels autoprefixer diese Prefixes automatisch generieren lassen. Dazu braucht es lediglich eine Konfiguration welche Browser bis zu welcher Version unterstützt werden sollen und diese Prefixe werden dann anhand dieser Konfiguration erstellt.

Dir auch einen guten Rutsch ins neue Jahr!

Sabine1 30.12.2022 10:59

Zitat:

Zitat von cloned (Beitrag 555352)
Es ist auch nichts, was einfach und sofort auf den ersten Blick sichtbar ist. Bei der Seite macht es aber durchaus auch Sinn genannten Punkte für die einzelnen Sektionen anzusehen.

Sofern man das CSS nicht komplett von Hand schreibt sondern mittels SCSS und einem builder (webpack, grunt, ...) kompiliert kann man natürlich auch mittels autoprefixer diese Prefixes automatisch generieren lassen. Dazu braucht es lediglich eine Konfiguration welche Browser bis zu welcher Version unterstützt werden sollen und diese Prefixe werden dann anhand dieser Konfiguration erstellt.

Dir auch einen guten Rutsch ins neue Jahr!

Danke für deine Ergänzung.
Ich schreibe das CSS immer komplett von Hand.


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:55 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023