Hace unos meses, Diego publicó un hack distinguir Safari frente al resto de navegadores en nuestros ficheros CSS. Pese a que no soy amante de los hacks ya que nos obliga a no respetar los estandares CSS para conseguir efectos que podrían ser pensados de otra forma, he de reconocer que no siempre tenemos la potestad o la posibilidad de evitarlo, y hemos de caer en sus garras.
Para distinguir Safari 3.0 y Opera 9, de entre todos los demás navegadores en nuestros CSS, podemos recurrir al siguiente hack.
body { background-color: red; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
body { background-color: blue; }
}
Como podemos ver, el hack es muy fácil de implementar, además, nos permite tener bastante bien ordenado nuestro CSS.
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Reglas de Safari 3.0 y Opera 9 */
}
3 comentarios, 1 referencias
+
#