Convertitore Unità CSS
Convertitore unità CSS gratuito online, conversione px/rem/em/vw
Tipi di unità CSS
px (pixel) — unità assoluta, 1px = 1/96 di pollice. rem — relativa alla dimensione del font radice (predefinito 16px). em — relativa alla dimensione del font genitore. vw — 1% della larghezza della viewport. vh — 1% dell'altezza della viewport. pt — punti (1pt = 1,333px). cm, mm, in — unità fisiche.
Come convertire le unità CSS
Inserisci un valore con la sua unità, imposta la dimensione del font radice (per i calcoli rem) e le dimensioni della viewport (per vw/vh). Lo strumento mostra le conversioni verso tutte le altre unità. Questo aiuta a garantire che i design reattivi funzionino su schermi di dimensioni diverse.
▶Dovrei usare px o rem?
Usa rem per le dimensioni dei font e la spaziatura per supportare le impostazioni di accessibilità degli utenti (zoom del browser). Usa px per bordi, ombre dei box e dettagli fini dove serve un controllo preciso. Molti team adottano un approccio rem-first per una migliore accessibilità.
▶Qual è la dimensione predefinita del font radice?
La dimensione predefinita del font radice nella maggior parte dei browser è 16px. Quindi 1rem = 16px, 1,5rem = 24px. Puoi cambiarla con html { font-size: ... } nel CSS.
▶Quando dovrei usare vw e vh?
Usa vw/vh per layout reattivi che si adattano alla viewport. Sezioni hero che riempiono l'intero schermo (100vh), dimensioni dei font che si adattano alla larghezza della viewport e elementi a larghezza piena sono casi d'uso comuni.