Hola, Con los mediaqueries defines estilos para los elementos de tu sitio en dependencia de rangos específicos del ancho del navegador. Por ejemplo, puedes declarar que tu #header tenga un ancho de 760px para un ancho del navegador menor a los 900px, luego declarar que tenga 960px de ancho para cuando el navegador esté entre los 900px y 1200px y al final que tenga unos 1100px de ancho para cuando el ancho del navegador sea mayor a los 1200px. Todo se hace en el CSS y como mismo cambias el width puedes cambiar cualquier otra propiedad. El único "problema" que le veo es que IE no lo reconoce :) pero muestra el diseño que utilizes por defecto. Por otro lado está respond.js ( https://github.com/scottjehl/Respond ) para que IE los soporte.
No soy un experto en esto ni mucho menos, solo que he estado experimentando y ya lo implementé en una aplicación que estoy haciendo. Con esto de las mediaqueries puedes optimizar un mismo sitio para diferentes dispositivos sólo con CSS. Ah! también se pueden incluir estilos específicos para pantallas retina como las del iPhone 4! :) Gracias por los links que compartiste. Agrego este: http://lessframework.com/ Saludos! -- Eddie _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
