CSS üçün brauzerlerarası dəstək necə təmin edilir?

CSS üçün çox brauzerli dəstək müxtəlif üsullarla təmin edilir:

• Hələ standartlaşdırılmamış və ya bütün brauzerlər tərəfindən dəstəklənməyən xüsusiyyətlər üçün vendor prefikslərindən istifadə etmək (-webkit-, -moz-, -ms-).
• Can I Use kimi vasitələrlə xüsusiyyətlərin dəstəyini yoxlamaq, hədəf brauzerlərdə hansı xüsusiyyətlərin dəstəkləndiyini anlamaq.
• CSS sıfırlama və ya normalizatorlar (normalize.css) istifadə etmək, standart üslublardakı fərqləri aradan qaldırmaq.
• Proqressiv inkişaf və incə degradasiya tətbiq etmək — köhnə brauzerlərdə saytın funksional qalmasını təmin etmək, hətta dizayn sadələşdirilsə belə.
• Avtomatlaşdırma üçün preprocessor və postprocessorlərdən istifadə etmək (məsələn, PostCSS və autoprefixer plaginləri), bunlar avtomatik olaraq lazım olan prefiksləri əlavə edir.

PostCSS-də autoprefixer istifadəsinə nümunə:

/* Əsas CSS */
.example {
  display: flex;
}

İşləmə nəticəsində autoprefixer prefiksləri əlavə edəcək:

.example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

Beləliklə, əl ilə prefikslər əlavə etmədən müxtəlif brauzerlərlə uyğunluq təmin edilir.