Filtrar CSS para Safari 9

Como bien sabr茅is, Safari 9 se ha separado de Chrome, usando el primero webKit, mientras que el segundo usa blink. Aunque parezcan muy similares, al ser el motor de renderizado diferente siempre nos puede dar problemas si 芦pintamos禄 nuestras web con un motor (para testear) y de golpe, lo abrimos con otro y nos asustamos.

Por eso, si quer茅is que en vuestros CSS los ejecute solo Safari y Chrome pase de ellos os recomendamos el poner lo siguiente:

@supports (overflow:-webkit-marquee)
   and (justify-content:inherit) {
    /* Estos estilos solo los ejecutara Safari */
    .poner_aqui_tus_estilos_para_safari {
    }
}

Donde, podr茅is redefinir vuestras capas y estilos a modo de que Safari los reposicione donde sea necesario. Y todo porque preguntamos al navegador a trav茅s de CSS3 si tiene el soporte de esos elementos espec铆ficos.

tuti

T茅cnico en Comunicaci贸n Interna de la UVa

Deja una respuesta

Tu direcci贸n de correo electr贸nico no ser谩 publicada.

Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.