Responsive Desing: qué es? Diseño Web adaptable
Qué es el Diseño Web Adaptable o Responsive Design?
Una respuesta técnica la ENCUENTRAS AQUÍ
En mi opinión es un concepto nuevo todavía, es como hablar de HTML 5, quién lo usa? Solo empresas de gran envergadura que al mismo tiempo, nos muestran los errores que posee para que aprendamos de ellos, y si tienes un sitio pequeño en HTML5, estas "apropósito" excluyendo potenciales clientes a tu sitio.
Alguien siempre "tiene que caer primero", aprendemos de los errores ajenos, por cuanto hablando de Responsive Design no recomiendo, se utilice "el término en su totalidad" para un sitio.
Porqué? No es sencillamente aplicar cambios una vez realizado el sitio, modificar CSS para un móvil o el HTML para una tablet.
Al contrario, a medida que vamos diseñando el sitio el diseñador o Webmaster debe tener presente cómo va quedando la web en los distintos dispositivos móviles.
Se imaginan esto? Si hoy trabajas por 200U$D una web sencilla, cuánto tendrías que cobrar por un Responsive Design?.
Lo que recomiendo:
Utilizar ALGUNAS CARACTERÍSTICAS del Responsive Design Web:
Si quieres que tu web se adapte a un dispositivo móvil:
Con esto consigues que width: lo adaptes en px al tamaño de tu web ejemplo: 1200px
Con initial-scale= Zoom que le das al sitio en el dispositivo, puedes poner 2.0 siendo el doble el tamaño
2 Formas de Visualizar un sitio para tener en cuenta con Responsive Web Design:
1- Mostrar pantalla GRANDE en dispositivo móvil
*Si tienes una web con mas de 960 px o igual, puedes usar lo siguiente para que se muestre correctamente.
#main { width:960px; margin:0 auto; }
2- Mostrar pantalla PEQUEÑA en dispositivo móvil, tablets
*Si deseas que tu web se adapte correctamente a dispositivos móviles pequeños "en forma horizontal o vertical", y también tablets.
#main {max-width:960px; min-width:320px; margin:0 auto;}