PAra detectar el tipo de pantalla (resolución, color… etc) y aplicar unos estilos u otros según convenga podemos usar unas queries de CSS3.
Para pantallas de máximo 767px por ejemplo tenemos dos opciones:
Cargar una hoja de estilos u otra
<link rel="stylesheet" media="screen and (max-device-width: 767px)" />
O dentro de una hoja de estilos añadir excepciones
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* estilos a aplicar*/
}
