Meniu

CSS: targhetare browser

27 aprilie 2020
browsers

Dacă lucrezi cu CSS-ul, cel mai probabil știi că există momente în care trebuie reparat/adăugat ceva pentru un anumit browser. În cele mai multe cazuri treaba asta se întâmplă pentru Internet Explorer și Safari.

Cele două browsere menționate mai sus se încăpățânează să randeze diferit CSS-ul, așa că uneori sunt nevoit să folosesc ceva de genul:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ */
}
@supports (-ms-ime-align: auto) {
    /* Microsoft Edge */
}
@media not all and (min-resolution: .001dpcm) {
    /* Safari */
}