zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Modernes CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.12.2022, 11:12
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard 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;
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.12.2022, 12:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.12.2022, 12:38
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
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;
Mit Zitat antworten
  #4 (permalink)  
Alt 29.12.2022, 14:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Sieht man auf der Seite unter Punkt 1 und 2 erklärt. Das sind zwei unterschiedliche, alte Syntax für flexbox.
Mit Zitat antworten
  #5 (permalink)  
Alt 30.12.2022, 08:58
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
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!
Mit Zitat antworten
  #6 (permalink)  
Alt 30.12.2022, 09:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

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!
Mit Zitat antworten
  #7 (permalink)  
Alt 30.12.2022, 10:59
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.09.2015
Beiträge: 159
Sabine1 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von cloned Beitrag anzeigen
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.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Einbindung von frei erhältlichen Scripten - CSS Problem DonL CSS 1 22.01.2011 17:09
MYspace mehr als nur CSS oder ? Vinceone CSS 0 12.07.2007 03:21
Eric Meyer's CSS Petty Ressourcen 0 21.11.2005 09:18
Mozilla ignoriert externes css DarkWanderer CSS 9 22.09.2005 12:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:12 Uhr.