WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Adattamento automatico altezza riga  it

Autore: Vincenzo Errico
Visite 299, Followers 1, Condiviso 0  

Buongiorno,

uso questo codice per adattare automaticamente l'altezza della prima riga al display:

#imPageRow_1 {min-height: calc(100vh - 160px);}

I 160px sottratti si riferiscono all'header (visualizzazione desktop). Questa è la pagina in questione: https://www.vincenzoerrico.com/

Tuttavia su dispositivi mobile, questa stringa di codice, non tiene conto delle varie barre degli indirizzi che ogni browser mobile contiene, pertanto la riga non viene adattata perfettamente, rimanendo così sempre più lunga del display in base allo spessore della barra extra.

C'è un codice più articolato che permette un adattamento completo? Vedo altri siti che riescono a calcolare automaticamente anche le varie altezze delle barre extra... indipendentemente dal device e browser utilizzato.


Grazie mille

Postato il