He notado que cuando navego por una página web en Safari en el iPhone y cambio la orientación de vertical a horizontal, a veces cambia el tamaño del texto y/o el ajuste.
Por ejemplo, en retrato puede haber 10 palabras en una línea, pero cuando lo giro hacia un lado, el tamaño del texto cambia y puede haber 8 o 12 palabras en esa línea. Por lo general, cuando vuelvo a ponerlo en posición vertical, permanece en ese número en lugar de volver a 10.
No recuerdo ningún ejemplo específico, pero eran solo sitios regulares (no versiones móviles). El texto parecía estar en una columna fija, no solo se ajustaba a todo el ancho de la ventana.
¿Alguien puede aclarar de qué manera se cambia o determina esto?
[Además, no pude crear etiquetas 'safari' o 'zoom']
Aquí hay una estimación:
El sitio que probablemente esté viendo tiene lo que se llama un diseño líquido , lo que significa que el contenido se extenderá para llenar su contenedor. Entonces, cuando gira el teléfono, el ancho de la ventana gráfica cambia del ancho vertical más estrecho al ancho horizontal mucho más largo. Por lo tanto, es posible que el texto en sí no cambie de tamaño, la página web solo se está adaptando para adaptarse al nuevo tamaño de la ventana.
Afortunadamente, el enlace anterior también tiene un diseño líquido, por lo que puede verlo en acción. Tome la ventana de su computadora y reduzca su ancho. Notará que el texto cambiará para ajustarse al nuevo tamaño del contenedor. Entonces, es la página web (más específicamente, el CSS) la que determina cómo se ajusta el texto.
tl: dr
CSS lo hizo.
DescontentoCabra