Cargar un css según el dispositivo

Podemos cargar un css dependiendo del dispositivo desde el que visitan nuestra web. No es lo mismo que visiten nuestra web desde un ordenador que desde una pda, por lo que podemos hacer un css específico para cada dispositivo.

Los diferentes tipos que acepta ahora mismo el w3c son:

all: ese fichero CSS será cargado para todos los dispositivos
screen: para monitores de ordenador normales (valor por defecto)
print: para impresión
aural: sintetizadores de voz
handheld: asistentes personales (PDA’s)
braille: máquinas capaces de reproducir formato braille para personas invidentes
embossed: para imprimir texto en braille
projection: proyectores y transparencias
tty: terminales
tv: televisores

Se puede establecer el dispositivo de dos formas, cuando se hace la llamada al css en el código:

<link rel="stylesheet" type="text/css" href="estilo_normal.css" media="screen"> <link rel="stylesheet" type="text/css" href="estilo_pda.css" media="handheld">

o desde la propia hoja de estilos:

@media screen { body { font-size: 12px; } } @media handheld { body { font-size: 10px; } }