Uncategorized

Le nuove CSS UNITS

Le nuove unit√† di visualizzazione CSS sono una delle mie caratteristiche preferite nei moderni CSS ūüĒ•

La maggior parte dei telefoni oggi ha diverse interfacce utente nel browser, come iPhone con la barra degli URL in basso, Android con pulsanti di navigazione, ecc.

Ci√≤ pu√≤ portare a problemi dell’interfaccia utente che le tradizionali unit√† “vh” in CSS non risolvono, come problemi di scorrimento o elementi bloccati sotto l’interfaccia utente del browser.

Le nuove unit√† viewport sono una soluzione molto pi√Ļ elegante a questo problema:

‚Üí L'”altezza pi√Ļ piccola del viewport” (svh) si adatter√† sempre alla minima quantit√† di spazio (tutto il contenuto sar√† sempre visibile)
‚Üí L'”altezza massima del viewport” (lvh) occuper√† sempre la maggior quantit√† di spazio (nascondendo potenzialmente alcuni contenuti sotto l’interfaccia utente)
‚Üí L'”altezza della finestra dinamica” (dvh) verr√† ridimensionata per adattarsi allo spazio attualmente disponibile (adattandosi man mano che l’interfaccia utente del browser diventa visibile o nascosta)

Il supporto per i browser sembra molto solido ora, quindi sono sicuramente pronti per il tuo prossimo progetto ūüôĆ

Relevant Insights

Articoli che potrebbero interessarti

Business Strategy

Google Workspace per le aziende

Cos’√® Google¬†Workspace? Google¬†Workspace √® una suite di produttivit√† basata su cloud che aiuta i team a comunicare, collaborare e aumentare la…