Meta Tag Viewport

Nesta aula, aprendemos sobre a importância da adaptação das aplicações mobile, que devem ser diferentes das versões desktop. O valor especial "device-width" é utilizado para relacionar a largura da página com a largura do dispositivo do usuário, e é importante também definir valores explícitos em pixels para largura e altura. A escala da página pode ser iniciada em um valor único definido pelo desenvolvedor, e os valores mínimo e máximo também podem ser determinados.

Foram dados alguns exemplos práticos de como implementar essas adaptações em arquivos HTML e CSS. É importante lembrar que os dispositivos possuem resoluções variadas e muitos permitem leitura em posições vertical e horizontal, o que pode afetar a exibição da aplicação. O atributo "device-utility" pode ser utilizado para acomodar a largura da página em diferentes dispositivos.