CSS: Target Browser

Mi se intampla destul de des sa fac debugging pe mult prea multe browsere, asa ca uneori e nevoie sa apelez la cateva „micunelte secrete”.

Dupa cum scrie si in titlu, liniile de mai jos targheteaza un anumit browser (sau chiar toate daca se doreste).

@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 */
}

Ca o scurta completare: pe Safari poti sa folosesti inca un media query in interiorul celui de mai sus, astfel incat sa targhetezi browser-ul + o rezolutie dorita.

@media not all and (min-resolution: .001dpcm) {
    @media only screen and (max-width: 768px) {
        /* Safari */
    }
}

:beer: