INTERRUPCION EN PAGINAS ADAPTADAS
Autore: Jorge Carlos D.
Visite 881,
Followers 1,
Condiviso 0
Cuando creo una pagina en los dispositivos moviles no salen bien adaptadas, es por ello que deberia modificar los puntos de interrupción pero cuando voy a cambiarlo ese boton no esta activo solo esta activo para la computadora pero no para las resoluciones de moviles y tablet.
Postato il
Hola Jorge,
Esta bien eso... porque ahi configuras donde van las interrupciones para la resolucion inmediata inferior. La pantalla movil ya es la mejor, y como no hay resolucion menor siguiente, no tiene para configurar puntos de corte.
Podrias enviarnos una captura de como se ve el contenido en el movil, para ver que es lo que se ve mal?
Por ahora, revisando la numeracion de tus objetos en pantalla, me parece que no deberias tener problemas.
Saludos y seguimos en contacto para ver si podemos solucionar tu consulta.
Carlos A.
Autore
Como puede verse en la version adactive recorta las imagenes por ello la necesidad de cambiar los puntos de corte
gracias
Hola Jorge,
si el sitio es online te pido por favor el enlace, para que podemos comprobar lo que pasa.
Muchas gracias.
Autore
https://rotomar.000webhostapp.com/
Hola Jorge,
Como tus imagenes son anchas, lo que debes hacer es ajustar los puntos de corte de cada pagina, definiendo que objetos tienen que ir "bajando" (reacomodandose para cada resolucion).
Quiza si lees en la base de tu ventana en el programa veas una advertencia de que para la pagina aun no has ajustado los objetos.
Por otro lado veo tambien que tampoco has configurado tu plantilla para las resoluciones menores, ya que tu usas un header negro, y cuando la pantalla se achica, se ve el header standar de cuando usas una nueva plantilla para comenzar un diseño desde cero.
Deberias antes que nada realizar esos ajustes en tu plantilla. Y luego en cada pagina, el tema de como se comporta cada objeto en la pagina.
Con eso puedes hacer que al achicarse la pantalla... en lugar de mostrar una cuadricula de 4 x 5 con imagenes, esa cuadricula se vaya ajustando a 2 x 10 (y eso ya no las corta en el ancho).
_____________________________________________________________
Recuerda que si la informacion te ha sido de ayuda puedes calificarla como Util, y si se ha resuelto tu problema puedes presionar sobre la opcion Correcto, a modo de agradecimiento...
Saludos
Carlos A.
NOTA: El titulo de este post dice "INTERRUCCION", lo voy a cambiar por "INTERRUPCION" ya que puede ayudar a otros usuarios que busquen informacion sobre el mismo tema dale? saludos!
Autore
Como puedes ver en la imagen que anexe anteriormente es precisamente lo que no me deja el programa, es decir que para las resoluciones pequeñas no me deja ajustar los puntos de corte.
Eso esta bien asi Jorge,
porque ya para menos de 480 px, es la configuracion de los puntos de corte que has puesto ahi en la captura...
Lo que marcas con esas lineas en rojo, es como se va a ver en la resolucion siguiente mas baja a la que tenes en pantalla, y como no hay una mas baja que la de celular (480 px), la opcion celular no tiene configuracion de puntos de corte, y se va a mostrar con las interrupciones que ves en la pantalla de la captura.
Como veras, los puntos de corte de tu captura hacen que en modo movil la pagina se vea bien...
Al separar todos los objetos imagen con una linea roja, quedan todos uno debajo del otro en modo movil.
Ahora, para las resoluciones siguientes hacia arriba, puedes dejar en una de ellas de a 2 objetos por ejemplo...
(actualmente la pagina muestra, o una fila de 4... o una de 1 (modo movil), agrega lineas rojas en una resolucion de mas arriba para que se muestren 2 por fila)
Espero haber sido claro en la explicacion, ya que ese es el unico problema que estas teniendo...
Seguimos en contacto...
Saludos
Caros A.