Vielleicht ist es eine offensichtliche Antwort, aber
Warum um alles in der Welt sollten Browser beschließen, ihre eigenen Herstellerpräfixe für border-radius
und dergleichen zu erstellen ?
Ich meine: Warum muss ich tippen:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Liegt es daran, dass jede Plattform dachte: "Wir sind cool, wir werden einen besseren Weg finden, um abgerundete Ecken zu machen?" Es scheint völlig und unerklärlich redundant, drei Zeilen für eine zu schreiben.
css
vendor-prefix
Naftuli Kay
quelle
quelle
Antworten:
Dies liegt daran, dass die Funktionen von Anbietern implementiert wurden, bevor die Spezifikation ihre endgültige Release-Phase erreicht hat.
Die Herstellerpräfixe stellen sicher, dass es keine Konflikte mit sich ändernden Funktionen usw. gibt.
Quelle .
quelle
Da dieser Beitrag alt ist, ist es wichtig zu erwähnen, dass die meisten Anbieter jetzt verstehen, dass diese Präfixe nur unnötigen doppelten Code erzeugen und die Situation, in der Sie 3 verschiedene CSS-Regeln angeben müssen, damit ein Effekt in allen Browsern funktioniert, unerwünscht ist.
Wie in diesem Glossar über Mozillas Sicht auf Herstellerpräfixe am 3. Mai 2016 erwähnt,
Zum Beispiel mussten Sie vor einigen Jahren schreiben, um eine abgerundete Ecke auf eine Box zu setzen:
-moz-border-radius: 10px 5px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 5px; border-radius: 10px 5px;
Aber jetzt, da Browser diese Funktion vollständig unterstützen, benötigen Sie wirklich nur die standardisierte Version:
border-radius: 10px 5px;
quelle