compartecodigo.com

A la hora de maquetar con HTML y CSS siempre nos encontramos algunas diferencias entre navegadores (idealmente, ninguna…) y por eso necesitaremos alguna “sintaxi” para poder especificar que esa propiedad sólo debe afectar a un navegador (o versión de navegador en el caso de Internet Explorer). Ya vimos cómo hacer comentarios condicionales para Internet Explorer (que suelen ser los más comunes), pero a veces necesitamos hacer lo mismo con Opera o Safari. Para estos casos, el código es el siguiente:

Sintaxis de hacks para Opera y Safari

1
2
3
4

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
- Contenido -
}

Ejemplo de hacks para Opera y Safari

1
2
3
4
5

body {font-size: 12px; color:#000;}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
body {font-size: 13px; color: #999;}
}

Entradas relacionadas:

1. Comentarios condicionales para Internet Explorer