Spanish, Mexican subtitles

← Escala inicial

Get Embed Code
4 Languages

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

  1. Quiero mencionar
    en este momento
  2. que hay algunos otros
    controles de ventanilla.
  3. Hay una propiedad de escala inicial
    que permite configurar
  4. cuál va a ser el factor
    de escala inicial del navegador.
  5. De manera predeterminada es 1
    y por lo general,
  6. no hay ninguna necesidad
    de cambiarlo.
  7. Si lo reemplazas
    por otro número,
  8. sólo modifica
    el factor de zoom inicial.
  9. Y el usuario deberá moverse a los lados
    o modificar el tamaño de la imagen.
  10. Sin embargo, hay un uso de importancia
    fundamental para la escala inicial.
  11. En iOS, si configuramos el ancho
    con la anchura del dispositivo
  12. y no se configura la escala inicial,
    como en esta página,
  13. cuando se gira la pantalla
    el motor web de iOS
  14. conservará el mismo
    ancho de la ventanilla
  15. y ajustará la escala para que se acomode
    a la pantalla horizontal.
  16. Esto se logra estirando
    el diseño vertical,
  17. para que se ajuste
    hasta el ancho horizontal.
  18. Aunque he configurado el ancho
    al del dispositivo,
  19. IOS sigue conservando
    la escala de ancho horizontal.
  20. En realidad, la parte interesante es
    que incluso si se carga esta página
  21. inicialmente en modo horizontal,
    todavía funciona como de ancho vertical,
  22. modificando la escala para que se ajuste
    a la pantalla horizontal.
  23. Ahora, si tenemos la misma página,
  24. pero la escala inicial se establece en 1
    en el meta elemento de la ventanilla
  25. con el valor de anchura
    del dispositivo,
  26. así se logra a cambiar el tamaño
    de la ventanilla cuando se gira,
  27. en lugar de cambiar la escala.
  28. Ahora se puede apreciar que el ancho
    de la ventana es de 480 píxeles.
  29. Es el ancho horizontal,
    no el vertical.
  30. En resumen, estos son los valores
    que realmente necesita para utilizarlos
  31. como el valor predeterminado reutilizable
    del meta elemento de la ventanilla.
  32. Se necesitará la escala inicial,
    para que cuando el IOS,
  33. al voltear del modo
    vertical al horizontal
  34. la escala se ajuste
    de modo correcto.
  35. Una interesante nota al margen,
    que descubrí, es que los iPhones
  36. aunque cambian el tamaño
    de la ventanilla correctamente,
  37. si se configura una escala inicial,
    también cambian
  38. el tamaño de la fuente
    predeterminada del documento
  39. y el cambio de orientación,
  40. en efecto acercando el texto
    cuando se cambia al modo horizontal.
  41. Esto significa que se debe fijar un tamaño
    de fuente predeterminado en la página,
  42. no solo en ems o porcentajes.
  43. Para lograrlo, utiliza una hoja de estilos
    de reinicialización,
  44. si es que ya no lo haz hecho.