1. Skriv inn en verdi
Tast inn et tall i inntastingsfeltet.
Tailwind CSS til px
Denne kalkulatoren regner om umiddelbart. Skriv inn en verdi og resultatet vises med en gang.
ANNONSE
ANNONSE
Loading tool editor...
Når bør man omregne Tailwind-enheter til piksler?
Tailwind CSS bruker en avstandsskala der hver enhet = 0,25 rem = 4 px (ved rot 16px). p-4 = 1 rem = 16 px.
Alle beregninger kjører lokalt i nettleseren din.
Hvordan bruker du omregneren?
2. Les resultatet
Resultatet vises umiddelbart.3. Kopier eller bytt
Kopier resultatet eller bytt omregningsretning.
Når er denne kalkulatoren nyttig?
Webutvikling
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Designoverlevering
Oversett Tailwind-klasser til px for designere.Design og måling
sm = 640px, md = 768px, lg = 1024px.Konfigurasjon
Planlegg tilpassede skalaer.
Hva gjør denne omregneren spesiell?
Full personvern
Alle beregninger kjører lokalt i nettleseren din.Sanntidsresultater
Resultatet oppdateres mens du skriver.Toveis omregning
Omregn begge veier med ett klikk.Referansetabell
Tabell med vanlige verdier og kontekstbeskrivelser.
Hvordan fungerer Tailwind spacing?
Tailwind spacing = verdi × 0,25 rem. Ved rot 16px: spacing × 4 = px.
Hvordan fungerer Tailwind spacing?
Tailwind spacing = verdi × 0,25 rem. Ved rot 16px: spacing × 4 = px.
ANNONSE
Tailwind spacing-skala
| Tailwind | rem | px (rot 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 (rot 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Konverter andre enheter til Piksler
Utforsk andre enhetskonverterere
Ofte stilte spørsmål
Hvor mange piksler er p-4?
p-4 = 1rem = 16px.
Hva er Tailwinds breakpoints?
sm = 640px, md = 768px, lg = 1024px, xl = 1280px, 2xl = 1536px.
Kjører beregningene lokalt?
Ja. Alle beregninger kjører i nettleseren din.
Hjelp oss å forbedre verktøyene våre
Har du en idé, funnet en feil eller vil foreslå en funksjon? Skriv til oss – vi svarer innen 24 timer.