Cómo hacer que el navegador externo de archivos CSS sea específico

Hay muchas formas de hacerlo, pero lo mejor sería detectar UserAgent en su servidor y, sobre esta base, devolver diferentes tipos de archivos css.

Por ejemplo: puede usar el servidor Nginx y en nginx conf puede verificar UserAgent y devolver diferentes archivos Css en consecuencia

esta es la muestra de conf de nginx

ubicación ~ \ .css {
if ($ http_user_agent ~ iPhone) {
proxy_pass http://mydomain.com/iphone.css;
}
}

Aunque debe escribir bloques css específicos del navegador que admitan ciertas funciones de css3,

  • Compatible con Edge / Internet Explorer con el prefijo -ms-
  • Compatible con Firefox con el prefijo -moz-
  • Compatible con Google Chrome con el prefijo webkit-
  • Compatible con Safari con el prefijo -webkit-
  • Compatible con Opera con el prefijo -webkit-

Espero eso ayude