zoom automático no safari iphone

Question

Existe uma maneira for Mobile Safari para reconhecer um site destinado a telefones celulares e automaticamente aumentar o zoom? Como é que isso funciona em outros telefones e navegadores?

Eu gostaria de evitar olhar para user_agent e enviar uma página diferente para cada navegador móvel.

Answer 1

Veja configurar a parte viewport do guia do desenvolvedor web-app Apple.

Answer 2

Eu notei que se você tiver o seu corpo ou invólucro div conjunto altura principal para 100%, isso pode mexer com o quão longe ele zooms / torna em um navegador móvel. Confirmou isso em safari móvel e do Android do navegador Chrome. Uma vez que eu definir a altura #siteWrapper de 100% para auto, ele então obtidos a uma escala muito melhor.

(altura de 100% sobre um invólucro principal é muitas vezes utilizado com rodapés pegajosas.)

Answer 3

Sites pode reconhecer um navegador e produzir saída móvel em conformidade, que normalmente é o caminho desejado.

Safari irá detectar a largura e ampliar-se em forma, mas além disso ...

Answer 4

Você pode evitar ter diferentes páginas com base em User Agent usando CSS condicional. Apple realmente tem algumas muito boa documentação sobre criação de páginas web que podem suportar o Safari no iPhone, juntamente com navegadores de desktop.

Eu recomendaria começar com a leitura de iPhone Human interface Guidelines para aplicações web . Isto lhe dará um bom começo no uso de CSS condicional para personalizar páginas, com base em características do dispositivo (como tamanho da tela) ao invés de User Agent.