Design de ponto de interrupção responsivo 3

1. Quais são os pontos de interrupção do design responsivo?
2. Em que tamanhos de ponto de interrupção, caso projetemos sites e aplicativos responsivos?

Quais são os pontos de interrupção do design responsivo?

O que são pontos de interrupção comuns? Os pontos de interrupção comuns são de 320px - 480px para dispositivos móveis, 481px - 768px para iPads & comprimidos, 769px - 1024px para telas pequenas como laptop, 1025px - 1200px para telas grandes como desktops e 1201px e acima para telas extras, como TV.

Em que tamanhos de ponto de interrupção, caso projetemos sites e aplicativos responsivos?

Com um grande número de alvos de dispositivo e tamanhos de tela no ecossistema do Windows, em vez de otimizar sua interface do usuário para cada dispositivo, recomendamos o design para algumas categorias de largura -chave (também chamadas de "pontos de interrupção"): meio (menor que 640px) (641px a 1007px) grande (1008px e maior)