Menu mesmo criado em % não esta responsivo

[emilioemidio 1]

Bom galera o pessoal esta me ajudando muito por aqui estou aprendendo obrigado.. Vamos lá..

Eu estou criando esse menu todo em porcentagem e por que quando diminuo o browser ele cai para a linha de baixo e não redimensiona ?

 

http://jsfiddle.net/oqb6szfj/

[L. Henrique 179]

A porcentagem não vai definir sua responsividade, pra isso você precisa utilizar os famosos @media.

Por exemplo:

.teste{
   width: 100px;
}

@media screen (min-width:450px){
   .teste{
      width: 50px;
   }
}

Aqui no CSS eu defini da seguinte maneira: A classe TESTE por sua natureza possui 100px de largura, isso será pra qualquer dispositivo, no entanto, com o media eu defini que SE o dispositivo tiver 450px ou menos de largura, ele reduz a classe teste para uma largura de 50px.

Você pode entender mais sobre design responsivo e media queries nos links abaixo:

• Devmedia (Media Queries)
• Tableless (Media Queries)
• Tableless (Design Responsivo)

[emilioemidio 1]

Então Nao tem como por exemplo esse menu se ajustar por pelo menos pouca diferença? Pelo menos ao movimentar a tela maximizando ou fechando ela um pouco? Mas vou ler esses tópicos que me passou obrigado

[leonardo de andrade baessa 16]

Vamos Estudar um Pouco então Com site Responsivo.

Aprenda Fazendo.

[emilioemidio 1]

Vamos Estudar um Pouco então Com site Responsivo.

Aprenda Fazendo.

Obrigado galera