Kuidas tagatakse CSS-i ristbrauseri tugi?

CSS-i mitmekülgse toe toetamine erinevates brauserites tagatakse mitmel viisil:

• Vendor prefikside kasutamine omadustele, mis pole veel standardiseeritud või mida ei toeta kõik brauserid (näiteks -webkit-, -moz-, -ms-).
• Omaduste toe kontrollimine tööriistadega nagu Can I Use, et mõista, millised omadused on sihtbrauserites toetatud.
• CSS reset või normaliseerijate (normalize.css) kasutamine, et kõrvaldada erinevused vaikimisi stiilides.
• Progressiivse täiustamise ja grasiivse degradatsiooni rakendamine — kirjutada stiile nii, et sait jääks funktsionaalseks ka vanemates brauserites, isegi kui disain on lihtsustatud.
• Automatiseerimine pre- ja postprotsessorite abil (näiteks PostCSS koos autoprefixer pluginaga), mis automaatselt lisavad vajalikud prefiksid.

Näide autoprefixer kasutamisest PostCSS-is:

/* Algne CSS */
.example {
  display: flex;
}

Pärast töötlemist lisab autoprefixer prefiksid:

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

Nii saavutatakse ühilduvus erinevate brauseritega ilma käsitsi prefikside lisamiseta.