Misura delle due viewport

Serve a decidere una cosa sola: se la riga in fondo alla scheda atleta finisce sotto la barra di Safari perché le due viewport di iOS non coincidono. Apri questa pagina sull'iPhone, con la barra degli indirizzi visibile (cioè senza scorrere).

window.innerHeight
layout viewport–

visualViewport.height
quella che vedi davvero–

differenza–

…

altezza schermo–

safe-area in basso–

100dvh vale–

I numeri si aggiornano da soli: prova a scorrere in giù e guarda cosa cambia quando la barra di Safari si ritrae. Se la differenza è grande a barra aperta e va a zero a barra chiusa, è la conferma.