Na aula "meta tag de viewport" o instrutor demonstra nosso site como é visualizado em um smartphone com diferentes resoluções e, em todas elas, o site abre por inteiro. Entretanto, depois de inserir a linha <meta name="viewport" content="width=device-width"> e atualizar o navegador, os conteúdos perdem em grande parte o seu plano de fundo que é reduzido drasticamente.
Minha pergunta é: A parte visualizada que possui plano de fundo é o tamanho exato da tela do smartphone do usuário? A parte com plano de fundo em branco é o excesso que não cabe na resolução do smartphone? É isso?
A explicação não foi clara e eu me senti perdido...