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

1. Title:
   Escala inicial
2. Description:

3. 190 0:00 - 0:04
   Gostaria de mencionar neste ponto que
   existem outros controles de viewport.
4. 4340 0:04 - 0:07
   Há uma propriedade inicial de escala
   que permite definir
5. 6920 0:07 - 0:10
   qual será o fator inicial
   de escala do navegador.
6. 9540 0:10 - 0:14
   Seu valor padrão é 1
   e normalmente não é preciso mexer nisso.
7. 13790 0:14 - 0:18
   Se você muda para outro número,
   isso muda o fator inicial de zoom,
8. 18130 0:18 - 0:21
   e o usuário provavelmente
   terá que ampliar ou dar um zoom.
9. 21980 0:22 - 0:25
   Mas há um uso crucial da escala inicial.
10. 24980 0:25 - 0:28
    No iOS, se você definir a largura
    como a largura do aparelho,
11. 28350 0:28 - 0:32
    e não definir a escala inicial,
    como nesta página
12. 31670 0:32 - 0:35
    quando você rodar a tela,
    o web engine do iOS vai manter
13. 35280 0:35 - 0:40
    o mesmo viewport e alterar sua escala
    para caber na tela em modo de paisagem.
14. 40290 0:40 - 0:42
    Ele apenas estica a proporção
    do modo de retrato, para ajustá-lo
15. 42490 0:42 - 0:45
    à largura do modo de paisagem.
16. 44690 0:45 - 0:47
    Por mais que eu tenha definido a largura
    como a largura do aparelho,
17. 46890 0:47 - 0:49
    o iOS ainda escalona no modo de paisagem.
18. 49256 0:49 - 0:51
    Na verdade, o interessante é que
19. 51292 0:51 - 0:55
    mesmo que você carregue esta página
    inicialmente no modo de paisagem
20. 54950 0:55 - 0:57
    ele ainda pensa que é
    a largura de retrato.
21. 57440 0:57 - 1:00
    Ele apenas ajusta para caber
    na tela de paisagem.
22. 60450 1:00 - 1:03
    Mas se você tem a mesma página
23. 62990 1:03 - 1:05
    mas define a escala inicial para 1
24. 65370 1:05 - 1:09
    no meta-elemento do viewport,
    definindo também a largura do aparelho
25. 69070 1:09 - 1:13
    quando você rodar a tela, ele vai mudar
    o tamanho do viewport, em vez de esticá-lo
26. 73420 1:13 - 1:18
    Você pode ver agora que o tamanho
    da janela é de 480 pixels de largura.
27. 77550 1:18 - 1:21
    É a largura de paisagem,
    não a largura de retrato.
28. 80610 1:21 - 1:24
    Assim, em suma,
    é isso que você precisa usar
29. 83750 1:24 - 1:27
    como seu meta-elemento
    padronizado para o viewport.
30. 87080 1:27 - 1:31
    Você vai precisar da escala inicial
    para que, ao mudar de retrato
31. 91070 1:31 - 1:35
    para paisagem, o iOS ainda
    mantenha a escala correta.
32. 94990 1:35 - 1:38
    Um detalhe interessante é que
    descobri que, nos iPhones
33. 98450 1:38 - 1:41
    por mais que eles mudem
    o tamanho do viewport corretamente,
34. 101290 1:41 - 1:43
    se a escala inicial for definida,
35. 103450 1:43 - 1:47
    eles também acabam mudando
    o tamanho da fonte naquele documento
36. 106780 1:47 - 1:50
    ao mudar a orientação, o que acaba
    por dar um zoom no texto
37. 110250 1:50 - 1:53
    quando se muda para o modo de paisagem.
38. 112620 1:53 - 1:55
    Isso significa que você provavelmente
    deve definir um tamanho padrão
39. 115360 1:55 - 1:59
    de fonte na página,
    não apenas usar percentuais.
40. 118970 1:59 - 2:02
    Talvez você queira usar uma folha
    de estilo padrão para isso,
41. 121770 2:02 - 2:04
    se é que já não o está usando.