Website em qualquer resolução,é assim que se faz?

[Micilini Roll 49]

Opa pessoal sempre tive uma duvida master que era fazer um site para qualquer tipo de resolucao ou seja! imaginen um texto normal,em resolucoes de 800x600 este texto sempre ira estar do tamanho 20px,agora na resolucao 1920x1080 ele estara do tamanho de uma formiga (5px),so que no caso nao irei fazer isso com texto e sim com o site todo(divs,imagens,videos,textos) pensei da seguinte forma:

 

1-Adicionar uma div total cuja largura e altura serao 100% -> este metodo funcionou legal! :)

 

2-dentro dessa div total tera 3 divs:

 

 

TOPO -> width:100%; height:15%;

CONTEUDO -> width:100%; height:70%;

RODAPE -> width:100% height:15%;

 

ou seja todas as 3 divs terao largura de 100%(largura div total) e a soma da altura das 3 dará 100%,que no caso seria a altura da div total

 

3-dai eu vou fazendo dessa forma( tanto em: divs,imagens,videos,textos) ate finalizar o website todo!

 

 

o que voces acham??

[Vinicius Rangel 208]

não acho que seja possível trabalhar dessa maneira com imagens e texto...

 

é por isso que todo site responsivel tem 980px de largura para que se adeque a menor resolução sempre.

 

o caso do texto vc esta enganado, 20px são 20px sempre independente de resolução.

 

um monitor com 800 ou com 1500 de largura é muuuito diferente, logo vc não pode fazer que uma imagem se adeque a isso..

[Apenas Eu 13]

eita!

Eu fiz equivalente a 1024px, só que em %, será que daria muita diferença?

[Web_avallon 5]

Trabalhar com porcentagem ajuda muito na hora de adptar a todas às resoluções, porém não resolve todos os problemas.

Pesquisa no google por "MEDIA QUERIES"; isso resolve.

[BrittosMonteiro 0]

Trabalhe com porcentagem somente na largura de divs como "topo", "conteudo" e "rodape" (caso seja HTML5: header, section, footer). Caso queira definir um "height", coloque o "min-height" em pixels. Dentro dessas divs, trabalhe com pixels para que quando a resolução diminuir as caixas que estiverem dentro dessas divs ao se "chocarem" elas desçam. e assim aumente o height.

 

Trabalho assim.

 

Abs!

[Vitor Luis_78306 0]

Você poderá mesclar "Media Queries" com layouts fluidos, permitindo assim a modificação de alguns elementos do site de acordo com o tamanho da tela.

 

Para isso você pode fazer uma div "container" com max-width e min-width, e dentro os elementos serão na base da porcentagem!

[Micilini Roll 49]

obg a todos que me ajudaram nessa topico resolvido!!