forma ele apresentou a pagina de uma maneira muito reduzida para exibir a pagina com o maximo de conteudo possivel.Tambem e possivel perceber que ha opcoes de aumentar o zoom e diminuir bem como barra de rolagens que possibilitam navegar entre as paginas.TAG VIEWPORTA tag ViewPort e uma tag nao normalizada pela W3C mas muito usado quando o assunto e desenvolvimento de aplicativos web para dispositivos moveis, ela foi inicialmente intriduzida pela Apple em seu navegador Safari para que as paginas fosse corretamente exibidas nos dispositivos menores tais como iPhone, iPod e mesmo os iPads. Mesmo nao sendo uma tag normalizada ela e muito difundida e quase todos os navegadores moveis conseguem reconhecer os valores passados nesta tag, Opera, Mozilla, Chrome e navegadores padrao do Android reconhecem normalmente esta tag. Sem o uso desta tag especificamente o navegador e induzido a acreditar que a pagina e uma pagina convencional e ira renderizar da maneira que observamos no exemplo anterior.Para inserir a tag viewport voce fara a inclusao do seguinte codigo:1<meta name="viewport" content="height= device-height; width: device-width; user-scalable=0;" />Com a inclusao desta tag estamos informando basicamente 3 dados para o navegador movel, sao elas:Width: Estamos informando o valor device-width, ou seja, o navegador ira assumir como largura da tela o tamanho da tela do dispositivo, outros valores podem ser informados, absolutos ou nao;Height: Estamos informando o valor device-height, ou seja, o navegador ira assumir como altura da tela o tamanho da tela do dispositivo;User-scalable: Caso seja marcado com zero nao permite ao usuario utilizar escalas na tela, caso o valor seja 1 e permitido.Depois de incluir a tag viewport, volte a acessar a pagina atraves da URL, perceba que o navegador renderizou a pagina de uma maneira totalmente diferente, agora nao e mais necessario realizar qualquer aumentar de zoom, pois o texto esta em um tamanho de acordo com o tamanho do dispositivo. Perceba tambem que nao e possivel aumentar e diminuir o zoom ja que definimos o valor da variavel responsavel por esta opcao como sendo false (0).COM A CARA DE UM APLICATIVOO objetivo desta serie e criar aplicativos web que sejam totalmente preparados para serem executados a partir de dispositivos moveis, pensando nisso nao seria nada elegante ter uma barra de enderecos sendo mostrada juntamente com nossa pagina HTML, isso alem de nao apresentar uma boa estetica pode fazer com que o usuario seja levado ao erro, alterando o conteudo da barra de endereco fazendo com que saia da pagina que estamos acessando no momento. Para isso iremos inserir o seguinte codigo na pagina:1<body onload="window.scrollTo(0, 1);">Coloque isto no lugar do <body> e torne a visualizar o conteudo da pagina, vera que nao mais e possivel visualizar a barra de enderecos.Neste artigo tivemos a introducao do desenvolvimento web para dispositivos moveis, em breve teremos mais artigos aprofundando este assunto que certamente fara com que voce tenha outros olhos quando o assunto e desenvolvimento web, certamente desenvolver nesta perspectiva fara voce economizar muito tempo, ja que voce nao tera que aprender muitos dos aspectos da API do Android, ate la!Abracos,