Enigma Responsive Web Design

Bernat79 · #1 (**permalink**) 12/06/2012, 05:58

Buenas!! Estoy cardíaco perdido porque llevo días sin encontrar la solución.
He realizado la web www.vbcn.es y todo funciona bien en principio para pantallas grandes y dispositivos móviles.
Cuando escalo la ventana de Firefox o Chrome funciona bien y el contenido se adapta al tamaño de la pantalla. Y si pruebo simuladores como Ripple todo va a la perfección...

PERO... cuando lo pruebo con el dispositivo móvil directamente solo una parte del web va bien y la otra no.
La que no se adapta a móviles ni Ipads (aunque con simuladores si...) es un tipo que carga las imágenes a pantalla completa.
http://www.vbcn.es/index.html
http://www.vbcn.es/proyectos/chaletdemontana/index.html

POR FAVOR... hay algún crack que sepa solucionarlo?

Muchas gracias por adelantado!!

jorgeabreo · #2 (**permalink**) 12/06/2012, 15:12

Hola,

Agrega esto al CSS y nos cuentas:

div#project-holder {
overflow: hidden;
}

Saludos!

PHPcool · #3 (**permalink**) 18/06/2012, 08:43

En primer lugar organiza tu código html, en segundo lugar aplica este ódigo inmediatamente después del <head>

<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
Este meta tag bse utiliza para mostrar a la escala correcta los sitios en dispositivos móviles
más info: http://revolucion.mobi/2012/02/14/mo...cala-correcta/

memoadian · #4 (**permalink**) 18/06/2012, 08:50

Cita:

Iniciado por PHPcool

En primer lugar organiza tu código html, en segundo lugar aplica este ódigo inmediatamente después del <head>

<meta name="viewport" content="width=device-width; initial-scale = 1.0; maximum-scale=1.0; user-scalable=no" />
Este meta tag bse utiliza para mostrar a la escala correcta los sitios en dispositivos móviles
más info: http://revolucion.mobi/2012/02/14/mo...cala-correcta/

hey gracias por el tip.