Problemas con tamaños de pantalla

[shikamarucb]

Hola a todos estoy tratando de hacer una web responsive pero tengo problemas con los mediaqueries de los css y jquery, al tratar de conseguir el tamaño de la pantalla de esta formadocument.body.clientWidth; o de esta forma $(window).width(), lo que hace es obtener el tamaño del body, aunque no se porque el html y el body salen con menos tamaño que los que detectan los mediaqueries por ejemplo el problema ocurre en el mismo punto cuando el body tiene 465px la pantalla alcanza 481px; ahi es cuando se combinan los 2 menus de navegacion, el default y el de moviles



esto son los codigos html y css, dentro del archivo html esta el codigo jquery:

https://mega.nz/#!MJ4QUKKI!JJVbv8Ybo...-TY4SWMHP2EJtw

[matake]

No he tenido tiempo de mirar tu código pero algo parecido me ocurría a mi y lo he resuelto con este css:

Código CSS:

*, *:before, *:after {
  box-sizing: border-box;
}
 

A mi me suena que no te calcula el padding o el margin y/o border ....
normalmente cuando le das a un elemento un padding 10 margin 10 border 1 y width 100 en realidad mide 142 pixels y no 100 proque se añaden 2*10 por el margin 2*10 por el padding y 2*1 por el border
con el css de arriba se soluciona todo esto ( menos lo del margin que queda fuera )

ver este ejemplo
http://www.w3schools.com/cssref/tryi...ss3_box-sizing