Versión movil en iframe

[idvaad]

Saludos,

Me pareció el área más adecuada para publicarlo.

1) Tengo un sitio en HTML que se ajusta al tamaño del navegador, tipo liquid layout.

2) Se pidió el mismo sitio para versión móvil, pero no se puede hacer zoom, por que al hacerlo, el código vuelve a acomodar los gráficos a su lugar (por el liquid layout).

3) La solución propuesta fue meterlo a un iframe para que mantenga todas sus funciones, siendo el mismo sitio, pero permita hacer el zoom.

4) con Htaccess se redirecciona si viene de móviles a un subdominio con el iframe, y si no, al dominio normal.

Todo iba bien hasta el redireccionamiento.

Lo que sucede es que cada ves que se le da clic al menú principal, vuelve a cargar el home.

La hipótesis es que como se hace la petición por medio del iframe, el servidor vuelve a evaluar si vienen de dispositivo móvil, y vuelve a imprimir el subdominio, por lo tanto, siempre que se quiere navegar, se vuelve a llegar al home.

¿Qué opciones puedo tratar para que no pierda la navegabilidad?

Muchas gracias

[Rafael]

Básicamente... hacer un css fijando el diseño líquido para móviles.

El Iframe no creo que sea una buena solución.

[pzin]

Realmente el zoom es lo móviles no cambia el viewport, así que en principio se tendría que ver igual haciendo o no zoom.

Me suena todo un poco extraño. ¿Especificas el viewport en una meta-etiqueta?

Lo que descoloca mucho es que si pidan el mismo diseño para ambas versiones, ¿qué necesidad hay de hacer dos y no solo una?

[loncho_rojas]

La verdad que deberías hacerlo tipo RESPONSIVE, no LIQUID

[idvaad]

Iniciado por Rafael

Básicamente... hacer un css fijando el diseño líquido para móviles.

El Iframe no creo que sea una buena solución.

Gracias, es una buena opción la sugerida.

El iFrame no es la solución más adecuada, pero por presupuesto del proyecto nos está ayudando bastante.

Gracias.

[idvaad]

Iniciado por pzin

Realmente el zoom es lo móviles no cambia el viewport, así que en principio se tendría que ver igual haciendo o no zoom.

Me suena todo un poco extraño. ¿Especificas el viewport en una meta-etiqueta?

Lo que descoloca mucho es que si pidan el mismo diseño para ambas versiones, ¿qué necesidad hay de hacer dos y no solo una?

Hola,

El zoom se está viendo afectado por que el código ajusta automáticamente el tamaño de los elementos a proporción del ancho del navegador, entonces, cada vez que haces zoom, no se nota el cambio, ya que se vuelve a ajustar, pero el texto y espacios de texto sí se ven afectados y entonces se descuadra todo el diseño conforme al texto.

Por SEO, el texto no se ha puesto como imagen.

Lo de diseño distinto (refiriendose a responsivo también), fue por negociación del proyecto y limitantes de los requerimientos de diseño del cliente.

Gracias.

[idvaad]

Iniciado por loncho_rojas

La verdad que deberías hacerlo tipo RESPONSIVE, no LIQUID

De acuerdo.

El problema estuvo en el desarrollo de diseño con el cliente, la primera propuesta se le podía ajustar a responsivo, pero quería algo más "fuera de lo común", se le realizó conforme a la solicitud y se comentó que no podría tener toda la funcionalidad al 100%; pero ya terminado el proyecto lo están solicitando con las limitantes ya mencionadas.

[hamsteri]

Sin duda la mejor opción es hacer un diseño responsive, y es una buena idea utilizar alguna herramienta tipo bootstrap o foundation para facilitar la programación y tener en cuenta todos los casos posible. El iframe puede traer futuros problemas y puede que sólo se vea bien en algunos de los mejores móviles, pero móviles con memoria más limitada tendrán problemas de carga. la velocidad de carga de la web también se verá incrementada y puede ser otro problema adicional. La solución más rápida, y por lo tanto barata, es hacer un diseño responsive, con el iframe vas a tener quebraderos de cabeza en el futuro y no merece la pena.

Un saludo