Exempel: 24px → 1,5em (bas 16px)
Exempel: 1,5em → 24px (bas 16px)
| Px | Em | Vanliga användningar | Åtgärder |
|---|
Px (pixlar):En absolut enhet med fast storlek som inte ändras med webbläsarinställningar. 1px är lika med en fysisk pixel på skärmen.
Em:En relativ enhet baserad på det aktuella elementets teckenstorlek. 1em är lika med det aktuella elementets teckenstorlek. Om det aktuella elementet inte har någon angiven teckenstorlek ärver det från sitt förälderelement.
Omvandlingsformler:
• Px → Em: em = px ÷ baslinjestorlek
• Em → Px: px = em × baslinjestorlek
Användningsrekommendationer:Att använda em-enheter gör din sida mer responsiv och tillgänglig, så att användare kan justera teckenstorlekar via webbläsarinställningar. Standardwebbläsarens teckenstorlek är vanligtvis 16px.