Prevodník px na rem a em
Konvertujte medzi px, rem a em s použitím vlastnej základnej a kontextovej veľkosti písma – upravte ľubovoľné pole a ostatné dve sa okamžite prispôsobia.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Každá konverzia prebieha vo vašom prehliadači. Nič z toho, čo zadáte, sa neodosiela na BroBroGo.
Časté otázky
Aký je rozdiel medzi px, rem and em?
px je pevná dĺžka. rem sa meria voči základnej veľkosti písma stránky (root), takže pri základe 16px sa 1rem rovná 16px. em sa meria voči veľkosti písma prvku, v ktorom sa nachádza. Nastavenie veľkosti písma a rozostupov v rem umožňuje prispôsobenie celého obsahu, keď si čitateľ zmení predvolenú veľkosť písma v prehliadači.
Prečo existuje samostatná kontextová veľkosť pre em?
Jednotka em je relatívna k veľkosti písma vlastného prvku, čo nemusí byť vždy základ (root). Nastavte kontext em na veľkosť písma daného prvku, aby sa hodnota em prečítala správne. Ak sa obe veľkosti zhodujú, ponechajte ju rovnakú ako základnú veľkosť.
Čo ak moja základná veľkosť písma nie je 16px?
Zmeňte pole základnej veľkosti písma (root) tak, aby zodpovedalo vášmu CSS, a každá hodnota rem sa okamžite aktualizuje. Rýchla tabuľka nižšie slúži ako praktický návod pre bežný základ 16px, z ktorého vychádza väčšina webov.