1. Zadejte hodnotu
Zadejte číslo do vstupního pole.
Převést Tailwind na pixels
Tento převodník převádí okamžitě. Zadejte hodnotu a výsledek se zobrazí ihned.
Loading tool editor...
Kdy je potřeba převádět Tailwind jednotky na pixely?
Tailwind CSS používá škálu mezer, kde každá jednotka = 0,25 rem = 4 px (při kořenu 16px). p-4 = 1 rem = 16 px.
Veškeré výpočty probíhají lokálně.
Jak použít převodník?
2. Přečtěte výsledek
Výsledek se zobrazí okamžitě.3. Zkopírujte nebo obraťte
Zkopírujte výsledek nebo obraťte směr převodu.
Kdy je tento převodník užitečný?
Debug CSS
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Předání designu
Přeložte Tailwind třídy na px pro designéry.Responzivní design
sm = 640px, md = 768px, lg = 1024px.Konfigurace
Plánujte vlastní škály.
Čím se tento převodník liší?
Plné soukromí
Všechny výpočty probíhají lokálně ve vašem prohlížeči.Výsledky v reálném čase
Výsledek se aktualizuje během zadávání.Obousměrný převod
Převádějte oběma směry jedním kliknutím.Referenční tabulka
Tabulka s běžnými hodnotami a kontextovými popisy.
Jak funguje Tailwind spacing?
Tailwind spacing = hodnota × 0,25 rem. Při kořenu 16px: spacing × 4 = px.
Jak funguje Tailwind spacing?
Tailwind spacing = hodnota × 0,25 rem. Při kořenu 16px: spacing × 4 = px.
Tailwind spacing škála
| Tailwind | rem | px (kořen 16px) |
|---|---|---|
| 1 | 0,25rem | 4px |
| 4 | 1rem | 16px |
| 8 | 2rem | 32px |
| 16 | 4rem | 64px |
| 64 | 16rem | 256px |
rem
- 1
0,25rem - 4
1rem - 8
2rem - 16
4rem - 64
16rem
px (kořen 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Převést jiné jednotky na px
Další převodníky jednotek
Často kladené otázky
Pomozte nám vylepšit naše nástroje
Máte nápad, našli jste chybu nebo chcete navrhnout funkci? Napište nám – odpovídme do 24 hodin.