eso he pensado pero en el tema de las imagenes y demas pues al variar la resolucion, veo que me pierde calidad o se me desmadra el contenido. pongo aqui el enlace del resultado que quiero de la pagina para moviles.
http://alconza.com/test_movil
he utilizado la pagina http://offermobi.com/page/tools/ que ofrece un emulador de varios moviles (actuales) para emular como se veria la pagina en cada uno de los moviles que elijas. lo dejo como nota por si a alguien le interesa.
este es el codigo css que tengo actualmente:
Código:
* {
margin:0px;
padding: 0px;
}
body {
margin: 0;
text-align:center;
background-color:#fff;
font-family: Verdana, Arial,
Helvetica, sans-serif;
}
#contenedor {
margin-top:1% ;
background-color:white;
text-align:left;
max-width:440px;
}
#contenido{
margin-left:2%;
margin-right:2%;
}
#direccion{
float:right;
margin-top:10%;
font-size:12px;
}
#iconos{
float:left;
}
#contenido p.texto{
padding-left: 10%;
color:blue;
font-size:12px;
margin:2%;
}
#pie p.texto_pie{
text-align:left;
font-size:11px;
}