Hoy les traigo ¿Cómo aplicar una regla CSS solo para Google Chrome? , no se si les ha pasado que están trabajando en un nuevo diseño , abren Mozilla Firefox y se ve perfecto, luego abres Google Chrome y ves que esa nueva implementación no funciona.

Esta situación me sucedió el día de ayer tratando de configurar ngx-perfect-scrollbar, la cual muestra una barra de desplazamiento ( Scroll Bar ) al contenedor que se lo apliques, instale el paquete NPM , hice los imports correspondientes y todo perfecto, abrí Mozilla Firefox y todo perfecto, me voy a Chrome y no funcionaba.

Luego de hacer debug , al contenedor debía aplicarle un height de 600px para que funcionara en Chrome, pero al hacer esto dejaba de funcionar en Mozilla Firefox, por lo que necesitaba encontrar una manera de aplicar esta regla solo al navegador de Google.

A continuación les voy a presentar la solución para cuando requieran aplicar estilos solo a Google Chrome:

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  
}

Ya con esto pueden aplicar las reglas CSS solo para el navegador Chrome.

Author

Telefono :

Email :

Direccion :

Write A Comment