Comunidad de diseño web y desarrollo en internet online

Problemas con tamaños de pantalla

Citar            
MensajeEscrito el 21 Ene 2016 12:38 am
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 forma document.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, se supone que tienen que ajustarse al mismo tamaño de pantalla, 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

Por shikamarucb

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 22 Ene 2016 06:38 am
Si quieres hacer una web responsive, usa framework como Bootstrap(lleva HTML5 y JQuery). Lo invento twitter, y esta muy extendido. Te olvidas de todo lo que tiene que ver con control de tamaños de pantalla.

Un saludo
David,estudio de diseño grafico

Por conectart

Claber

128 de clabLevel



 

ceo

chrome
Citar            
MensajeEscrito el 22 Mar 2016 01:35 pm
Necesitaría revisar tus archivos para ver que está pasando o que nos dieses algo más de info. En cualquier caso recuerda que para que te funcionen las media queries necesitas incluir la etiqueta meta viewport.

Código HTML :

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">


Saludos y suerte!
:wink:

Por Fusel

Claber

339 de clabLevel



Genero:Masculino  

Madrid (España)

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.