Ver Mensaje Individual
  #9 (permalink)  
Antiguo 20/04/2015, 00:02
superweb360
(Desactivado)
 
Fecha de Ingreso: abril-2015
Ubicación: España
Mensajes: 616
Antigüedad: 9 años, 1 mes
Puntos: 74
Respuesta: Hacer un sitio web responsivo sin usar frameworks

yo aprendí responsive design en un par de días sin usar ningún libro, sólo a base de ir probando. Te hago un resumen de lo que tienes que hacer:

1) Le pones esto en el <head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

2) Las imágenes les pones style="max-width:100%"

3) Los <div> les pones un porcentaje, por ejemplo style="width:100%"

4) Usa media queries para ocultar elementos según las dimensiones de pantalla. Por ejemplo:

Código CSS:
Ver original
  1. @media all and (max-width: 900px)
  2.     {
  3.          #div7 { display: none; }  
  4.     }