Solucionar el error de tipografía fluida basada en ventana gráfica en Safari | Programar Plus

Sara indaga en un error que mencioné en 2012 en el que el tipo fluido no cambiaba de tamaño cuando la ventana del navegador cambiaba de tamaño. En aquel entonces, afectó a Chrome 20 y Safari 6, pero el error aún persiste hoy en Safari cuando un calc() implica unidades de ventana gráfica.

Sara le da crédito a Martin Auswöger por un truco súper extraño e inteligente usando -webkit-marquee-increment: 0vw; (aquí está la documentación) para obligar a Safari a comportarse correctamente. Haré un screencast solo para documentarlo:

Al azar, tuve Safari Technology Preview abierto, que en este momento es Safari 15, y veo que el error está solucionado. Así que no saldría corriendo por la puerta para implementar esto.

Enlace directo →

(Visited 6 times, 1 visits today)