0
145
ViewsMover imagen al abrir desde el teléfono
Estoy tratando de crear una página web usando esta guía, pero me gustaría poder usarla desde el teléfono. Funciona, pero me gustaría mover la imagen de un lado a otro solo si no encaja... Aquí hay algunas capturas de pantalla. En el primero, puede ver la página cuando se carga desde la PC. Es en lo que debe mirar. En la segunda, adapté la resolución a la de un teléfono, pero la imagen simplemente desaparece. ¿Es posible moverlo hacia abajo, o en otro lugar pero hacerlo aparecer? Gracias 
2 answers
Answer question0
Necesitas configurar:
.wrap-login100 { display: flex; flex-wrap: wrap; }Siempre que su imagen tenga un ancho fijo, tan pronto como la ventana gráfica sea menor que el ancho de img + el ancho del formulario, el último elemento se moverá debajo del primero.
0
Primero, defina su diseño de contenedor de página predeterminado. En segundo lugar, haz que tu imagen responda:
page-container { max-width:1200px; margin:0 auto; } #main-pic { /* make images responsive */ max-width:100%; height:auto; /* auto-calculate height based on width */