Layout responsivo para mobile, quais resoluções usar?

[Thiago Nunes 0]

Olá pessoal,

 

Existem várias resoluções de tela para mobile, sendo algumas delas:

 

240x320
128×128
130×130
128×160
132×176
176×208
320x240
352×416

 

Ai surgiu a dúvida, devo projetar o site para todas ou usar apenas as mais comuns? Caso sim, quais seriam as mais utilizadas? O que vocês costumam fazer?

 

Obrigado!

[William Bruno 1501]

Eu projeto para todas de 1200px até 300px de largura.

[André do Vale 76]

O ideal é testar. E muito. Não siga uma receita.

 

Eu utilizo variados valores de breakpoints (medidas utilizadas para trabalhar a responsividade no CSS / @media). Mas não sigo uma tabela pré-fixada.

 

Dou preferência pelo layout funcionar de forma líquida (abaixo do tamanho máximo dele), e vou testando ao diminuir (ou aumentar, que é o ideal) a tela. O que precisar redesenhar, eu abro um novo breakpoint. E assim, vou refazendo bloco por bloco do layout.

[Thiago Nunes 0]

Olá André, tudo bem?

 

Atualmente trabalho utilizando vários breakpoints, porém, não sei como trabalhar da forma que você explicou. Agradeço muito se puder compartilhar um código que você produziu para algum projeto anterior com todas as resoluções usadas, pois assim vou compreender melhor.

Se puder, compartilha o código aqui: http://pastie.org/

 

Abraço!