Boa noite.
Estou fazendo à leitura do livro web design responsivo do escritor Maujor (Maurício Samy), e estou enfrentando algumas dificuldades.
Bom estou aplicando na prática o que estou estudando, porem estou com dúvidas se o que estou fazendo esta correto ou não, sabendo da grande gama de resoluções que os dispositivos hoje em dia tem, fiquei na dúvida, alguns autores fazem uso das seguintes resoluções:
@media only screen and (min-width : 20em) { /* 320px */ }
@media only screen and (min-width : 23.4em) { /* 374px */ }
@media only screen and (min-width : 30em) { /* 480px */ }
@media only screen and (min-width : 35.5em) { /* 568px */ }
@media only screen and (min-width : 37.5em) { /* 600px */ }
@media only screen and (min-width : 40em) { /* 640px */ }
@media only screen and (min-width : 64em) { /* 1024px */}
@media only screen and (min-width : 80em) { /* 1280px */ }
É uma simples tela de login: onde tenho que reposicionar as divs de acordo com à resolução da tela. Quem puder esclarecer minhas dúvidas ficarei grato.
Exemplo do que fiz: www.acomacgo.com.br/index.php/gerenciar