caiotfernandes 0 Denunciar post Postado Agosto 6, 2014 Já vi vários tópicos com pessoas com dificuldade nisso. Sempre tem algm dizendo "tenta width: 100%". Acontece que ja taquei width: 100% até no inferno e a porcaria do site não se enquadra em resoluções de vídeo diferentes. Minha resolução é 1366x768, e o site funciona tranquilo. Mas quando abro numa resolução 1024x768 por exemplo o site parece gigante horizontalmente, necessitando da barra de rolagem pra ver a outra metade dele. Sei que o comando overflow: hidden para o body e html tiram essa barra de rolagem. Mas não adianta tirar a barra de rolagem se o site não está enquadrado na tela de outras resoluções. Alguém pelo amor de Deus sabe como faço pra essa porcaria de layout se enquadrar em qualquer resolução sem precisar da barra de rolagem horizontal????? Compartilhar este post Link para o post Compartilhar em outros sites
rikaschmitt 54 Denunciar post Postado Agosto 7, 2014 usa @media query para criar classes específicas para cada resolução. alguns sites para você dar uma lida: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries http://www.devmedia.com.br/utilizando-css-media-queries/27085 http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries Compartilhar este post Link para o post Compartilhar em outros sites
Maykel-ctba 233 Denunciar post Postado Agosto 7, 2014 Cara, não basta só o width do body ser 100%. Todo o site terá que ser feito usando porcentagem. Com certeza você está fazendo algo errado. De nada adianta se por exemplo, body está 100% e dentro tem duas divs alinhadas com float:left e right, e cada uma tem 600px. Num monitor com menos de 1200px vai quebrar. Compartilhar este post Link para o post Compartilhar em outros sites
victorqueiroz 34 Denunciar post Postado Agosto 7, 2014 usa um framework para criar sites responsivos! http://getbootstrap.com Compartilhar este post Link para o post Compartilhar em outros sites