problema resuelto. tal y como indicaba jomaruro hay que trabajar en %
hacer el body y el resto de contenido al 100% incluida las fotos, las letras y todos los divs, por gigante que se vea en el monitor normal es asi como se hace.
aqui dejo el css que utilize y el link de la pagina para que vean el resultado en el movil : http://alconza.com/movil
para comprobar como se ve en la mayoria de resoluciones de moviles actuales,
pueden usar este emulador:
http://offermobi.com/page/tools/ (mobile preview) (compare 4 mobile devide preview)
Código:
* {
margin:0px;
padding: 0px;
}
body {
width:100%;
background-color:#fff;
font-family:Verdana, Arial,
Helvetica, sans-serif;
}
a:link, a:visited, a:active{
text-decoration: none;
color:blue;
}
a:hover { color:black; text-decoration:none;}
#contenedor {
max-width:100%;
min-width:50%;
margin:1% ;
background-color:white;
text-align:left;
}
#cabecera img.logo{
width:100%;
}
#contenido{
margin-left:2%;
margin-right:2%;
}
#contenido p.direccion{
text-align:center;
font-size:100%;
}
#iconos img.foto{
width:100%;
}
#mapa{
margin:1%;
}
#contenido p.texto{
margin-left:15%;
color:blue;
font-size:100%;
}
#pie p.texto_pie{
text-align:center;
font-size:80%;
margin-bottom:1%;
color:blue;
}