Transformando Layout Fixo em Fluído

Lida 575 vezes

Mig_x

Membro
Olá! Como faço para transformar o layout do meu site em fluído ?

xoli202

Membro
O ideal seria usar o Bootstrap, mas não sei se o layout é de uma tema do Wordpress ou algo do género e se percebes de html e css. O que tens que fazer é garantir que não tens larguras fixas (width) mas relativas, ou seja, em percentagem. Por exemplo uma div com com style "width: 900px" vai ter uma largura de 900px enquanto que "width: 100%" vai ajudar a div ao seu elemento "pai". Assim garantes que a div se vai ajustar de acordo com a resolução.

Mig_x

Membro
Sim eu percebo de html e css, o "problema" é que estou a dar continuidade a uma pagina que está uma confusao no codigo...e queria uma maneira que desse para transformar isto em responsivo.

xoli202

Membro
Tens que avaliar se vale a pena fazer as alterações necessárias para ficar responsive ou começar o layout de novo com base no bootstrap, por exemplo. Se não tens tempo para refazer todo o layout ou não te compensa, então tenta alterar a largura dos elementos html que têm larguras fixas começando de cima para baixo, ou seja, tag html > body > ...
O que importa mesmo é tornar o site responsive.

Mig_x

Membro
Por exemplo, na media queries tenho assim:

@media screen and (max-width:320px){
}

@media screen and (min-width:321px) and (max-width:480px){

}

por ai adiante ate 1920px

Só que em algumas resolucoes fica mal :-?