Buenas a tod@s!! Quería comentaros un problemilla...
Estoy realizando una maquetación responsive, y hasta el momento este es el resultado;
- Chrome - 100%
- Tablet Samsung 10'' - 100%
- Tablet China 7'' - 100%
- HTC Desire X - 100%
- -
- HTC Desire - Sale desplazamiento horizontal
- Firefox - Sale scroll horizontal
- Explorer 10 - Sale scroll horizontal
- Nokia Lumia 610 (Windows Phone) - Sale con zoom muy reducido
Para lo del Lumia no tengo ni idea pero para los scrolls he probado
dos opciones.
1ª Prueba
Código CSS:
Ver originaldiv {max-width:100%!important;}
/* Esto soluciona la mayoría de los scrolls pero me fastidia un mapa de Google... */
2ª Prueba
Código CSS:
Ver originalbody {
overflow-y: auto;
overflow-x: hidden;
}
/* Esto soluciona todos los scrolls y mantiene el mapa pero me aparece un doble scroll vertical en Firefox que me desquicia... */
Añado una imagen del doble scroll...