Simple, pero «Responsive»

Como ya comenté en un post anterior:

una web “Responsive” es aquella web, única a la hora de hacerla y que se adapta a los diferentes navegadores de los distintos dispositivos. (móvil, tableta, portátil, sobremesa, TV).

En esta ocasión presento la web del Museo del Agua de Sobrón (Alava). Es simple pero cumple los preceptos del Responsive Web Design:

  • Retícula fluída (en %)
  • Imágenes flexibles
  • CSS Media Queries

Redimensionando la ventana del navegador o visualizándola en un móvil iPhone (u otro smartphone), tableta, ordenador … podemos observar cómo se va adaptando.

 

Vista en ordenador para una resolución de 1.024

 

Vista en tableta

 

Vista en un iPhone