1. Indtast en værdi
Skriv et tal i inputfeltet.
Konverter Tailwind til pixels
Denne konverter konverterer øjeblikkeligt. Indtast en værdi, og resultatet vises med det samme.
Loading tool editor...
Hvornår skal man omregne Tailwind-enheder til pixels?
Tailwind CSS bruger en afstandsskala hvor hver enhed = 0,25 rem = 4 px (ved rod 16px). p-4 = 1 rem = 16 px.
Alle beregninger kører lokalt i din browser.
Hvordan bruger man omregneren?
2. Læs resultatet
Resultatet vises øjeblikkeligt.3. Kopiér eller vend
Kopiér resultatet eller vend omregningsretningen.
Hvornår er denne omregner nyttig?
CSS-debugging
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Designoverdragelse
Oversæt Tailwind-klasser til px for designere.Responsivt design
sm = 640px, md = 768px, lg = 1024px.Konfiguration
Planæg tilpassede skalaer.
Hvad adskiller denne omregner?
Fuld privatliv
Alle beregninger kører lokalt i din browser.Realtidsresultater
Resultatet opdateres mens du skriver.Tovejsomregning
Omregn begge veje med ét klik.Referencetabel
Tabel med almindelige værdier og kontekstbeskrivelser.
Hvordan fungerer Tailwind spacing?
Tailwind spacing = værdi × 0,25 rem. Ved rod 16px: spacing × 4 = px.
Hvordan fungerer Tailwind spacing?
Tailwind spacing = værdi × 0,25 rem. Ved rod 16px: spacing × 4 = px.
Tailwind spacing-skala
| Tailwind | rem | px (rod 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 (rod 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Konverter andre enheder til px
Udforsk andre enhedskonvertere
Ofte stillede spørgsmål
Hjælp os med at forbedre vores værktøjer
Har du en idé, fundet en fejl eller vil foreslå en funktion? Skriv til os – vi svarer inden for 24 timer.