Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom, estou fazendo meu primeiro site e tals. Mãããs, como sabemos, não basta só fazer a interface inicial, temos que adaptar aos redimensionamentos da janela do navegador, diferentes tipos de resolução, pensar na responsividade, entre outras coisas.
Bom, venho pedir a ajuda de quem já trabalhou com media queries, fez sites responsivos com sucesso e tudo mais.
Meu layout inicial está pronto, mas como num tudo é maravilha, claro que com redimensionamentos do navegador haverá alguma quebra.
um exemplo é o menu. Tenho o container máximo do site definido em 1170px, sim, utilizo medidas relativas como % e em no resto. Em janela maximizada, tudo bem, agora redimensionando o navegador aparece o primeiro problema em 1208px.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.gyazo.com/98f57daa2ba73fdc9d47d8491bb6b129.png&key=3f608c5173cc7a80bf20fe6ce222351239428ee69210d849a384781d0fa06823" alt="98f57daa2ba73fdc9d47d8491bb6b129.png" />
Observe a quebra do menu, com o "XX XX XXXX-XXXX" ali dentro do banner, e a falta de margens ali no logo, que passa a ficar totalmente colado a borda.
Outro problema: O Banner ali é 100% da altura e largura da página. Ok, com janela máxima irá ficar totalmente lindo, agora diminuindo a altura ...
/applications/core/interface/imageproxy/imageproxy.php?img=http://i.gyazo.com/fd6bb491845e8c1ba9f296808f601988.png&key=f31c0dc062f9ee55ce7380c2142e5c2cbcfe7c08b9d3566df4d72502d1ff1790" alt="fd6bb491845e8c1ba9f296808f601988.png" />
Olha o "Saiba mais" saindo do container e ficando ali junto com o "Conte comigo" dentro do background cinza.
enfim, acho que deu mais ou menos pra passar o que quero. Não acredito que seja necessário reescrever o site todo para cada Media query, mas sim fazer algumas adaptações. Mas, prefiro ter a ajuda de quem conhece do assunto.
Agradeço desde já.
Carregando comentários...