Cita:
Iniciado por Mauronymus 
Hola, gracias por leer, verán, no tengo mucho tiempo en el diseño web y quizás por ello a uds les parezca fácil esto pero, me han pedido que una landing page, no acomode el texto y las imagenes para que sea responsive, si no que se vea exactamente igual en todos lados, las posiciones, todo, la verdad he estado mirando todo el dia pero no tengo idea de como hacer esto, les daría el código pero bueno, creo que es mejor si me dan una ayuda y yo trato de resolverlo solo.
Gracias :D
No se si sea permitido pasar el enlace de la landing así que por ahora al menos en esta descripción no lo paso.
pregunto... tu web se ve exactamente igual en un ordenadro que en un movil
ok te digo primero que nada tienes que poner la etiqueta
<meta name="viewport" content="width=device-width, initial-scale=1"> esta etiqueta debe ir dentro del head de tu html
donde declaras el css igual forma
luego de eso pues ya veras que el responsive tiene varios trucos
digamos podrias usar imagenes responsivas de varias formas las mas faciles son
crear un div que encierre la etiqueta img y al la etiqueta ponerle en html un width="100%" y el div colocarlo ya sea en porcentajes o bien en con max-width
la otra es crear un div. con max-width o % y a este ponerle un background de fondo
ambos a medida que se escala el div la imagen lo hace con ello.
lo otro es crear media queris
algo asi
digamos css para monitores de ordenadores
Código CSS:
Ver original.container-botones{
width: 240px;
margin: 0 auto;
}
css para dispositivos con pantallas de maximo tamaño de 430 px
Código CSS:
Ver original@media screen and (max-width: 430px) {
.container-botones{
width: 240px;
margin: 0 auto;
}
}
espero haberte ayudado
nos vemos
si tienes dudas con gusto te ayudo
