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 un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *