5

Uso Bootstrap 3 em meus projetos e tenho uma dúvida.

Gostaria de saber como impedir o zoom em smartphones e tablets, aquele zoom que é feito com o movimento de "pinça" ou com o duplo toque.

Isto mantendo o comportamento responsivo do Bootstrap, ou seja, a largura da página deve permanecer fixa no mesmo tamanho da tela.

Sei que isso é possível pois há aplicações web por aí (ex: Facebook, Twitter) que também impedem o zoom no mobile.

3

1 Resposta 1

7

Você pode desabilitar as opções de zoom em dispositivos móveis adicionando user-scalable=no para a meta tag viewport.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Isso desabilita o zoom, sendo assim os usuários só serão capazes de scrollar e seu site vai parecer um pouco mais com uma aplicação nativa. Isso não é recomendado para todos os sites, então use com cautela!

Veja mais na documentação oficial.

1
  • 1
    Perfeito amigo! Muito obrigado. =)
    – user20473
    Commented 5/01/2015 às 16:33

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .