1. Syötä arvo
Kirjoita luku syöttökenttään.
Tailwind CSS px:ksi
Tämä muunnin laskee välittömästi. Syötä arvo ja tulos näkyy heti.
Loading tool editor...
Milloin Tailwind-yksiköt muunnetaan pikseleiksi?
Tailwind CSS käyttää väliasteikkoa, jossa jokainen yksikkö = 0,25 rem = 4 px (juurella 16px). p-4 = 1 rem = 16 px.
Kaikki laskelmat suoritetaan paikallisesti selaimessasi.
Miten muunninta käytetään?
2. Lue tulos
Tulos näkyy välittömästi.3. Kopioi tai vaihda
Kopioi tulos tai vaihda muunnossuunta.
Milloin tämä muunnin on hyödyllinen?
Web-kehitys
p-6 = 24 px, m-8 = 32 px, gap-4 = 16 px.Suunnittelun luovutus
Käännä Tailwind-luokat pikseleiksi suunnittelijoille.Suunnittelu ja mittaus
sm = 640px, md = 768px, lg = 1024px.Konfigurointi
Suunnittele mukautettuja asteikkoja.
Mikä tekee tästä muuntimesta erityisen?
Täysi yksityisyys
Kaikki laskelmat suoritetaan paikallisesti selaimessasi.Reaaliaikaiset tulokset
Tulos päivittyy kirjoittaessasi.Kaksisuuntainen muunnos
Muunna molempiin suuntiin yhdellä napsautuksella.Viitetaulukko
Taulukko yleisistä arvoista ja kontekstikuvauksista.
Miten Tailwind spacing toimii?
Tailwind spacing = arvo × 0,25 rem. Juurella 16px: spacing × 4 = px.
Miten Tailwind spacing toimii?
Tailwind spacing = arvo × 0,25 rem. Juurella 16px: spacing × 4 = px.
Tailwind spacing-asteikko
| Tailwind | rem | px (juuri 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 (juuri 16px)
- 1
4px - 4
16px - 8
32px - 16
64px - 64
256px
Muunna muut yksiköt yksiköksi px
Tutustu muihin yksikkömuuntimeen
Usein kysytyt kysymykset
Auta meitä parantamaan työkalujamme
Onko sinulla idea, löysitkö virheen tai haluatko ehdottaa ominaisuutta? Kirjoita meille – vastaamme 24 tunnin kuluessa.