Cross-Browser
Compatibility

Can I use?

Media Queries Support

A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more).

Respond.js

Float for layouts in IE6-7


.column {
    float: left;
}
                    

instead of


.column {
    display: inline-block;
}
                    

Float vs Inline Block

The Mistery of CSS Float property

CSS Reset / Normalizer

Reset

Resetea los valores de display, margin, padding, font-size, etc.

Eric Meyer’s “Reset CSS” 2.0

Normalizer

Small CSS file that provides better cross-browser consistency in the default styling of HTML elements.

Normalize.css

Vendor Prefixes

Los browsers tienen diferentes motores de renderizado de los sitios HTML.

Algunos features de CSS3 son implementados de distinta forma y por eso les agregan a las properties un prefijo.


.prefixed-class {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: -webkit-linear-gradient(red, green);
    background: linear-gradient(red, green);
}
                    

Autoprefixer Online

Autoprefixer Postprocessor