Seguramente han escuchado esa frase, en español se traduce como Diseño Web Sensible, si eso aún no te suena a nada básicamente significa que tu diseño para un sitio web se adapten al dispositivo en el que se usan, para ello se usan imágenes y diseños que sean elásticos, ojo esto no es lo mismo que tener una versión para pc y otra para dispositivos móbiles, esto es hacer que la misma versión del diseño funcione bien y se adapte a los iphone, ipad, tanto en la posición horizontal como vertical.
Esto suena bien pero seguro ahora te preguntas y cómo se logra eso pues para eso existen los media queries de CSS3, si tampoco te suena esto último tal vez lo haz usado antes y no te habías dado cuenta de su potencial
Claro es lo que siempre haz utilizado para invocar al CSS, pero también se usa para crear versiones CSS para imprimir
1 |
Ahora aquí viene lo interesante, también se puede usar esto para tener hojas de estilo que se adpaten a dispositivos con distintas resoluciones de pantalla
1 |
En este caso se agrega una hoja de estilos especial para aquellos dispositivos que tengan un ancho de 800px, en un post en el futuro, haré un ejemplo más específico con las resoluciones para iphone, ipad, etc. La idea no es que en esta hoja de estilos crees un nuevo CSS desde cero, la idea es que sobreescribas sólo ciertos estilos para que el sitio web se vea bien en estos dispositivos, obviamente tieens que haber diseño tu sitio pensando en que elementos serán elásticos.