Diseñar para dispositivos móviles (2ª parte)

En el artículo anterior deje pendiente el tema de las hojas de estilo. Debido a la gran variedad de dispositivos, tamaños de pantalla, etc., es un asunto harto complejo. Pero no imposible.

En las pruebas de pantalla pequeña que he realizado en Opera no he realizado cambios en hojas de estilo, y la transformación resulta bastante bien (ver imagen).

En muchos teléfonos móviles compatibles con XHTML en principio la hoja de estilo no hará nada. Al menos en el que he utilizado para probar esto, no había compatibilidad con hojas de estilo.

Si se quiere hacer una hoja de estilo para ordenador y otra específica para un dispositivo móvil basta con introducir en el HEAD de la página el siguiente código:

<link rel="stylesheet" type="text/css" media="screen" href="pantalla_normal.css" />
<link rel="stylesheet" type="text/css" media="print" href="para_imprimir.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="para_dispositivos_moviles.css" />

Enlace relacionado: Mobile web design.

Actualizado 4 de noviembre de 2005 (el enlace relacionado).

Tags: , , , , , , , , .