Problemas con el responsive

quad22 · #1 (**permalink**) 19/01/2018, 13:42

Estoy haciendo una página con diseño responsive. El caso es que la página la pruebo en Chrome y en Opera y todos los elementos se ven perfectamente, pero la abro en Mozilla y creo que el menú de Mozilla se come el bottom de la página y en Explorer sale todo desperdigado (como si no entendiera el código responsive).

¿Cómo se arregla esto?.

Me preocupan dos cosas:

1. Por qué Explorer no entiende el código.

2. Lo que pasa en Mozilla. En algún foro se ha hablado, con el problema del responsive, de poner los divs como max-height:100vh y/o max-width:100vw. He probado algo de esto y no me ha salido. ¿En que contenedores funcionaría? ¿Hay alguna alternativa?

petit89 · #2 (**permalink**) 19/01/2018, 14:22

Verifica que el mozilla y explorer esten actualizados a sus ultimas versiones, puede ser esto lo que te genera el problema....

Otra buena opción y sencilla es usar Bootstrap

quad22 · #3 (**permalink**) 19/01/2018, 16:57

Mozilla es de la versión 57.0.4, Explorer es la v.10. Las dos creo que son las últimas versiones. La plantilla que uso es de Bootstrap, donde las páginas tienen su propio css y su llamada a bootstrap.css.

Creo que es un problema de tamaño de contenedores ante cambios mínimos de resolución de los navegadores (Mozilla), pero lo de Explorer no lo entiendo: no interpreta el código css. Estoy editando las páginas con PhpStorm.

g3kdigital · #4 (**permalink**) 21/01/2018, 11:38

Podrias colocar algo de código, un link de una demo en codepen o jsfiddle o un link a tu servidor?

Porque las razones pueden ser muchas o pintorescas, por lo general bootstrap es antiproblemas de compatibilidad entre navegadores y si tienes problemas, es que algo estás haciendo mal, pero sin lo anterior es imposible saber como ayudarte correctamente.

quad22 · #5 (**permalink**) 26/01/2018, 15:59

http://www.flordelis.it/prueba/cu01.html

Con las últimas versiones de Chrome y Opera la página se ve perfectamente en los formatos responvise configurados.

Con Mozilla se pierde el padding igual a los cuatro lados del container principal.

Con Explorer (última versión compatible con para Windows 8) se deshace todo el css.

Ya no quiero pensar cómo se puede ver en versiones antiguas de dichos navegadores.

el_agu_4ever · #6 (**permalink**) 07/02/2018, 10:01

La versión responsive en chrome tampoco te funciona al 100%

Un saludo, y ánimo

Triby · #7 (**permalink**) 07/02/2018, 10:35

En Opera tampoco funciona el responsive, los cuadros verdes (del cuento) superan la altura del contenedor.

quad22 · #8 (**permalink**) 07/02/2018, 13:47

La página está diseñada sobre una pantalla de resolución 2048 x 1152. Luego el responsive está diseñado para: 1920x1080, 1080x1920, 1600x900 (falta 1600x1200), 1366x768, 1280x1024, 1280x800, 1024x768, 768x1024 y 800x600 (falta 640x360 y 360x640). Usando Window Resizer, desde mi pantalla se ve perfecto en Opera y en Chrome (últimas versiones).

No sé si existe algún otro plugin para testear los responsives.
¿Que puede pasar para que en un test con simulador salga todo bien y en hardware real no salga bien?

DragonX · #9 (**permalink**) 07/02/2018, 13:59

instalate esto en chrome https://chrome.google.com/webstore/d...gkmhgmcncdchca y testea
Slds.-

quad22 · #10 (**permalink**) 07/02/2018, 14:14

Cita:

Iniciado por DragonX

instalate esto en chrome https://chrome.google.com/webstore/d...gkmhgmcncdchca y testea
Slds.-

¡Buen aporte!. Sale todo perfecto.
Puedes ver la página desde la raíz del sitio (ya esta subida).
Debería de verse todo bien en Chrome y en Opera.