Surcape -
Redes Sociais:

Você não está conectado. Conecte-se ou registre-se

[CSS] Os modelos responsivos

Mensagem - Página 1 de 1

1 [CSS] Os modelos responsivos em Dom Nov 01, 2015 7:34 pm

avatarDeveloper

media queries

"Responsive Design" é a estratégia de fazer um site que "responde" ao browser e dispositivo onde está a ser apresentado... mostrando-se de forma sempre expectacular.

Media queries é a ferramenta mais potente para fazer isto. Vamos pegar no nosso layout que utiliza percentagens de largura e mostra-lo em uma coluna quando o browser é demasiado pequeno para ter o menu numa barra lateral:
Código:
@media screen and (min-width:600px) {
  nav {
    float: left;
    width: 25%;
  }
  section {
    margin-left: 25%;
  }
}
@media screen and (max-width:599px) {
  nav li {
    display: inline;
  }
}

2 Re: [CSS] Os modelos responsivos em Seg Nov 02, 2015 1:49 pm

Administrador

Obrigado! Irá ajudar muito a galera do fórum.

3 Re: [CSS] Os modelos responsivos em Seg Nov 02, 2015 7:30 pm

avatarParticipativo
Irar Ajudar
Obrigado por Compartilhar

4 Re: [CSS] Os modelos responsivos em Seg Nov 02, 2015 7:36 pm

avatarParticipativo
Adorei muito


__________________________________

5 Re: [CSS] Os modelos responsivos em Seg Nov 02, 2015 7:53 pm

avatarParticipativo
Gostei muito, obrigado por compartilhar
Até


__________________________________

Conteúdo patrocinado

Mensagem - Página 1 de 1

Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum