Portuguese, Brazilian subtitles

← Escala inicial

Get Embed Code
4 Languages

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

  1. Gostaria de mencionar neste ponto que
    existem outros controles de viewport.
  2. Há uma propriedade inicial de escala
    que permite definir
  3. qual será o fator inicial
    de escala do navegador.
  4. Seu valor padrão é 1
    e normalmente não é preciso mexer nisso.
  5. Se você muda para outro número,
    isso muda o fator inicial de zoom,
  6. e o usuário provavelmente
    terá que ampliar ou dar um zoom.
  7. Mas há um uso crucial da escala inicial.
  8. No iOS, se você definir a largura
    como a largura do aparelho,
  9. e não definir a escala inicial,
    como nesta página
  10. quando você rodar a tela,
    o web engine do iOS vai manter
  11. o mesmo viewport e alterar sua escala
    para caber na tela em modo de paisagem.
  12. Ele apenas estica a proporção
    do modo de retrato, para ajustá-lo
  13. à largura do modo de paisagem.
  14. Por mais que eu tenha definido a largura
    como a largura do aparelho,
  15. o iOS ainda escalona no modo de paisagem.
  16. Na verdade, o interessante é que
  17. mesmo que você carregue esta página
    inicialmente no modo de paisagem
  18. ele ainda pensa que é
    a largura de retrato.
  19. Ele apenas ajusta para caber
    na tela de paisagem.
  20. Mas se você tem a mesma página
  21. mas define a escala inicial para 1
  22. no meta-elemento do viewport,
    definindo também a largura do aparelho
  23. quando você rodar a tela, ele vai mudar
    o tamanho do viewport, em vez de esticá-lo
  24. Você pode ver agora que o tamanho
    da janela é de 480 pixels de largura.
  25. É a largura de paisagem,
    não a largura de retrato.
  26. Assim, em suma,
    é isso que você precisa usar
  27. como seu meta-elemento
    padronizado para o viewport.
  28. Você vai precisar da escala inicial
    para que, ao mudar de retrato
  29. para paisagem, o iOS ainda
    mantenha a escala correta.
  30. Um detalhe interessante é que
    descobri que, nos iPhones
  31. por mais que eles mudem
    o tamanho do viewport corretamente,
  32. se a escala inicial for definida,
  33. eles também acabam mudando
    o tamanho da fonte naquele documento
  34. ao mudar a orientação, o que acaba
    por dar um zoom no texto
  35. quando se muda para o modo de paisagem.
  36. Isso significa que você provavelmente
    deve definir um tamanho padrão
  37. de fonte na página,
    não apenas usar percentuais.
  38. Talvez você queira usar uma folha
    de estilo padrão para isso,
  39. se é que já não o está usando.