YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Portuguese, Brazilian subtitles

← Escalas Máxima e Mínima

Get Embed Code
4 Languages

Showing Revision 11 created 03/09/2014 by Fran Ontanaya.

  1. Existem também propriedades
    de escala mínima e máxima.
  2. Elas são uma maneira de limitar
    a extensão que o sistema
  3. possui permissão para dimensionar
    a página no aparelho.
  4. Isso parece um pouco esotérico
    à princípio, mas existe um uso
  5. que gostaria de mencionar.
    Eu não quero que você pense
  6. que sou tendencioso.
    Então, depois de descrever como você
  7. precisa adicionar uma escala inicial,
    para que o iOS funcione como esperado,
  8. gostaria de dar o mesmo tempo para o Android.
    Se sua página, com a largura do dispositivo,
  9. acontece de forçadamente passar
    dos limites da página, como nessa aqui,
  10. na qual adicionei um elemento que é
    muito grande, o Android fará
  11. algum redimensionamento quando você mudar
    a orientação de tela, para tentar fazer
  12. com que a página inteira caiba na tela.
    Agora, infelizmente, ele o faz
  13. errado, e tenta dar zoom
    da maneira errada.
  14. Agora, o único jeito
    que encontrei de resolver isso
  15. sem ultrapassar
    as dimensões da página inicial,
  16. é definir as propriedades
    de escala mínima e máxima
  17. como 1, o que irá impedir completamente
    que o usuário use o zoom
  18. assim como desabilitar
    a escala automática.
  19. Vamos fazer isso no DevTools.
  20. Agora vamos tentar rodar de novo.
    Estamos de volta ao normal aqui.
  21. E agora você pode ver que, mesmo no modo
    de paisagem, temos a largura adequada.
  22. Agora, o problema com isso,
    claro, é que não posso usar mais o zoom.
  23. Nós realmente não
    queremos desabilitar o zoom,
  24. para seus usuários;
    é uma questão de acessibilidade.
  25. Então não faça isso
    nas páginas de produção
  26. mas isso pode ajudar nos testes.
    No geral, somente
  27. não passe dos limites da página
    e você estará bem.