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

1. Title:
   Escala inicial
2. Description:

3. 190 0:00 - 0:02
   Quiero mencionar
   en este momento
4. 2028 0:02 - 0:04
   que hay algunos otros
   controles de ventanilla.
5. 4277 0:04 - 0:07
   Hay una propiedad de escala inicial
   que permite configurar
6. 6793 0:07 - 0:09
   cuál va a ser el factor
   de escala inicial del navegador.
7. 9421 0:09 - 0:12
   De manera predeterminada es 1
   y por lo general,
8. 11501 0:12 - 0:14
   no hay ninguna necesidad
   de cambiarlo.
9. 13638 0:14 - 0:15
   Si lo reemplazas
   por otro número,
10. 15430 0:15 - 0:18
    sólo modifica
    el factor de zoom inicial.
11. 17908 0:18 - 0:21
    Y el usuario deberá moverse a los lados
    o modificar el tamaño de la imagen.
12. 21362 0:21 - 0:25
    Sin embargo, hay un uso de importancia
    fundamental para la escala inicial.
13. 25136 0:25 - 0:28
    En iOS, si configuramos el ancho
    con la anchura del dispositivo
14. 27938 0:28 - 0:31
    y no se configura la escala inicial,
    como en esta página,
15. 31550 0:32 - 0:34
    cuando se gira la pantalla
    el motor web de iOS
16. 34610 0:35 - 0:37
    conservará el mismo
    ancho de la ventanilla
17. 36935 0:37 - 0:40
    y ajustará la escala para que se acomode
    a la pantalla horizontal.
18. 40257 0:40 - 0:42
    Esto se logra estirando
    el diseño vertical,
19. 42527 0:43 - 0:44
    para que se ajuste
    hasta el ancho horizontal.
20. 44420 0:44 - 0:47
    Aunque he configurado el ancho
    al del dispositivo,
21. 46583 0:47 - 0:49
    IOS sigue conservando
    la escala de ancho horizontal.
22. 49250 0:49 - 0:53
    En realidad, la parte interesante es
    que incluso si se carga esta página
23. 52869 0:53 - 0:57
    inicialmente en modo horizontal,
    todavía funciona como de ancho vertical,
24. 57283 0:57 - 1:01
    modificando la escala para que se ajuste
    a la pantalla horizontal.
25. 60908 1:01 - 1:03
    Ahora, si tenemos la misma página,
26. 62990 1:03 - 1:07
    pero la escala inicial se establece en 1
    en el meta elemento de la ventanilla
27. 66835 1:07 - 1:09
    con el valor de anchura
    del dispositivo,
28. 68690 1:09 - 1:12
    así se logra a cambiar el tamaño
    de la ventanilla cuando se gira,
29. 71821 1:12 - 1:13
    en lugar de cambiar la escala.
30. 73402 1:13 - 1:17
    Ahora se puede apreciar que el ancho
    de la ventana es de 480 píxeles.
31. 77186 1:17 - 1:21
    Es el ancho horizontal,
    no el vertical.
32. 80704 1:21 - 1:24
    En resumen, estos son los valores
    que realmente necesita para utilizarlos
33. 83768 1:24 - 1:27
    como el valor predeterminado reutilizable
    del meta elemento de la ventanilla.
34. 87019 1:27 - 1:29
    Se necesitará la escala inicial,
    para que cuando el IOS,
35. 89474 1:29 - 1:33
    al voltear del modo
    vertical al horizontal
36. 92745 1:33 - 1:35
    la escala se ajuste
    de modo correcto.
37. 94765 1:35 - 1:38
    Una interesante nota al margen,
    que descubrí, es que los iPhones
38. 98530 1:39 - 1:41
    aunque cambian el tamaño
    de la ventanilla correctamente,
39. 100805 1:41 - 1:44
    si se configura una escala inicial,
    también cambian
40. 104286 1:44 - 1:47
    el tamaño de la fuente
    predeterminada del documento
41. 106780 1:47 - 1:48
    y el cambio de orientación,
42. 108298 1:48 - 1:52
    en efecto acercando el texto
    cuando se cambia al modo horizontal.
43. 111983 1:52 - 1:57
    Esto significa que se debe fijar un tamaño
    de fuente predeterminado en la página,
44. 116601 1:57 - 1:59
    no solo en ems o porcentajes.
45. 118970 1:59 - 2:01
    Para lograrlo, utiliza una hoja de estilos
    de reinicialización,
46. 121533 2:02 - 2:03
    si es que ya no lo haz hecho.