No video o professor explica que temos que usar <meta name="viewport" content="width=320"> mas no meu vs code a tag que vem default e esta ()<meta name="viewport" content="width=device-width, initial-scale=1.0">qual a diferenca??
No video o professor explica que temos que usar <meta name="viewport" content="width=320"> mas no meu vs code a tag que vem default e esta ()<meta name="viewport" content="width=device-width, initial-scale=1.0">qual a diferenca??
Oi, Sofia, tudo bem?
Quando o curso foi feito, essa propriedade para a tag meta ainda não estava sendo difundida. A initial-scale=1.0 é uma propriedade que controla o nível de amplificação quando a página é carregada pela primeira vez. Esse valor é usado para que o site web se enquadre proporcionalmente nas telas de celulares, pois sem esse valor, o site no celular fica com os elementos minúsculos, impedindo o usuário ter uma boa navegação. Assim, uma página web em que foi definida a meta tag como initial-scale=1, irá ser renderizada o mais próximo do tamanho físico possível dos celulares.
Aqui explica mais sobre essa meta tag viewport: https://developer.mozilla.org/pt-BR/docs/Mozilla/Mobile/Viewport_meta_tag