[SOLUCIONADO] Doble scroll en Firefox

[Davi91]

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:

div {max-width:100%!important;}
   /* Esto soluciona la mayoría de los scrolls pero me fastidia un mapa de Google... */
 

2ª Prueba

Código CSS:

body {
        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...

[pzin]

Supongo que estarás indicando los valores del viewport como meta-dato.

Eso de poner un ancho máximo de 100% no lo veo yo muy católico. Supongo —a falta de código— que tendrás un relleno o borde en ese div, luego su tamaño es 100% + relleno + borde. Para evitar esto y trabajar de forma más cómoda suele cambiarse el modelo de caja tal que así:

Código CSS:

* {
  box-sizing: border-box;
}
 

[Davi91]

Buenas, ya está prácticamente solucionado finalmente con un DIV que al que no le daba la gana de acatar mis órdenes...

De todos modos muchas gracias por tu respuesta, tendré que leer sobre esa propiedad que no la conocía!

Un saludo =)