Use iOS Específicos Meta Tags em HTML5
Em HTML5, você pode incluir meta tags específicas para iOS (sistema operacional da Apple para o iPhone, iPod touch e iPad). Essas tags permitem controlar como seu site aparece ou como os usuários interagem com ele através do ecrã táctil em um iPhone ou iPad.
Se um visitante chega ao seu site usando um dispositivo que não suporta esses recursos, o navegador simplesmente ignora-los. Aqui está uma rápida introdução às tags específicas do iOS:
janela de exibição - Quando você visitar a maioria das páginas da web em um iPhone ou iPad, você pode mover-se na página e zoom usando pitada e dedo estiramento gestos para reduzir ou ampliar a página e seu conteúdo. Esse recurso ajuda os Web sites que foram projetados para telas de computador de mesa possíveis de ler na tela menor em um iPhone.
No entanto, se você optimized seu projeto para esses dispositivos, em primeiro lugar, você pode querer impedir que os usuários panorâmica e zoom, porque é desnecessária e pode confundi-los.
Para bloquear os recursos de panorâmica e zoom em uma página que você já projetado para caber perfeitamente a tela do iPhone ou iPad, use a meta janela de exibição tag, que define a janela de acordo com a largura de si e impede a escala:
este janela de exibição definição de meta tag é melhor usado se o seu site é projetado para se encaixar perfeitamente na tela do iPhone pequena. Se o seu site não está otimizado para telas pequenas, é melhor não usar essa tag meta, porque você vai querer permitir que os visitantes para ampliar seções da página e vá ao redor como necessário ler o seu conteúdo.
apple-mobile-web-app capaz - Essa meta tag diz ao navegador Safari que ele não precisa ter as opções de navegação na parte superior e inferior da tela no iPhone ou iPod touch. Ele também remove as opções de navegação na parte superior da tela do iPad.
Este recurso não funciona a primeira vez que alguém visita um site. Ele só funciona se um visitante de seu site tem marcado a página salvando um ícone Web Clip. Quando alguém usa o link a partir do ícone Web Clip para visitar seu site, esta tag meta esconde a navegação.
Se você optar por usar essa tag, você deve garantir que o seu site não precisa as opções de navegação típicos que o navegador oferece. Quando remover as barras na parte superior e inferior do iPhone e iPad, você ganha alguns imóveis valiosa para seus projetos, mas você perde a parte de trás e as setas para a frente e outros recursos de navegação integrados nestes dispositivos.
Se você usar esta opção, certifique-se de seu site inclui elementos de navegação para ajudar os visitantes se mover através de seu website.
apple-mobile-web-app-status-bar de estilo - O estilo padrão da barra de ferramentas em um iPhone ou iPad é preto opaco. Se você quer mudar o estilo da barra de status para um preto translúcido, você pode usar mais uma meta tag iOS específico do. Essa meta tag também funciona somente se o usuário visitar um site através do link de um ícone Web Clip.
Se você remover ambas as barras de interface e definir a barra de status a translúcido, você tem um extra de 124 linhas de pixels horizontais de tela imobiliário em Safari no iPhone e no iPod touch. Isso é mais de 25 por cento mais espaço na tela pequena! Uma barra de status preta translúcida também permite que o conteúdo da página para fluir abaixo da barra de status.