Layout adaptativo vs layout responsivo
Adaptativo
Ele se adapta de acordo com o tamanho da tela, ex caso precise de um layout diferente para tamanhos de tela
Responsivo
Ele modifica juntamente com a tamanho da tela.
Ideal é utilizar Adaptativo e Responsivo ao mesmo tempo.
320 Celular - Comum
480 Celular - Um pouco maiores
760 Tablet
960 Telas menores Desktop.
1200 HD - Normalmente notebook
1600 4k full Hd
Ele se adapta de acordo com o tamanho da tela, ex caso precise de um layout diferente para tamanhos de tela
Responsivo
Ele modifica juntamente com a tamanho da tela.
Ideal é utilizar Adaptativo e Responsivo ao mesmo tempo.
320 Celular - Comum
480 Celular - Um pouco maiores
760 Tablet
960 Telas menores Desktop.
1200 HD - Normalmente notebook
1600 4k full Hd
ViewPort
Permite que a responsividade aconteça.
<meta name="viewport" content="width=device-width, initial-scale=1.0">