El texto de 16 píxeles o más grande evita el zoom del formulario de iOS

Este fue un gran “Hoy aprendí” de Josh W. Comeau . Si el font-sizetamaño de un inputes de 16 píxeles o más, Safari en iOS se centrará en la entrada normalmente. Pero tan pronto como font-sizesea de 15 píxeles o menos, la ventana gráfica ampliará esa entrada. Presumiblemente, porque considera que ese tipo es demasiado pequeño y quiere que veas lo que estás haciendo. Entonces se acerca para ayudarte. Accesibilidad. Si no quieres eso, haz la fuente lo suficientemente grande.

Configure las entradas de su formulario para que tengan un tamaño de fuente de 1rem (16px) o mayor para evitar que iOS Safari se acerque automáticamente cuando se toca.

¡Hace una gran diferencia desde una perspectiva de UX! pic.twitter.com/6UpicwMaWE

– Josh W. Comeau (@JoshWComeau) 7 de abril de 2021

Aquí está el bolígrafo exacto de Josh si quieres jugar tú mismo.

En general, diría que me gusta esta característica. Ayuda a las personas a ver lo que están haciendo y desaconseja los tamaños de fuente muy pequeños. Lo que es un poco decepcionante (y realmente no culpo a nadie aquí) es que no todos los tipos de letra son iguales en términos de legibilidad en diferentes tamaños. Por ejemplo, aquí está San Francisco versus Caveat a 16 px.

Puede ver ese ejemplo en el modo de depuración para comprobarlo usted mismo y cambiar el tamaño de fuente para ver qué se amplía y qué no.