Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Diseñar para dispositivos móviles (2ª parte)

Datos de búsqueda

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: , , , , , , , , .

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio