Tiontaire Picteilín go REM saor in aisce
Tiontaigh idir px, rem, em, pt, vw, vh, agus % le méid cló bonn in-chumraithe. Cuimsíonn tábla tagartha do mhéideanna picteilín coitianta.
Comhthéacs (téann i bhfeidhm ar rem/em/vw/vh/%)
Comharthaí Tailwind is gaire (ag 16px fréamh)
Méideanna picteilín coitianta → rem (ag bonn 16px)
Athchóirigh CSS greamaithe
Úsáidí coitianta
- PX go REM d'Fhorbairt GréineTiontaigh luachanna picteilín i naonacha rem d'fhórmhór inscáltha agus inrochtana. Socraigh do bhonnchloch font agus féach ar na luachanna coibhéiseacha ar fad.
- Aonachanna CSS do Dhearadh FreagarthachTiontaigh idir px, vw, vh agus % chun leagan amach a thógáil a fhreagraíonn ar dhóigh i leith méideanna scáileáin agus treoshuíonn éagsúil.
- Tiontaigh Sonchuir Dearaidh go Aonachanna CSSAistrigh luachanna picteilín Figma nó Sketch go aonacha rem/em d'fhorghníomhú geal agus inscáltha CSS.
- Tailwind CSS Aonad TagarthaTuig conas a bhíonn aicmí méide Tailwind CSS ag mapáil ar luachanna picteilín agus rem do fhorghníomhú beacht.
- Tiontaigh Aonachanna CSS do Leabhair Stíle PriontaTiontaigh idir px, pt agus rem d'iarrataí meáin phrionta agus PDF aschuir CSS.
Conas a Oibríonn sé
Ritheann gach tiontú go hiomlán i do bhrabhsálaí ag baint úsáide as inneall uimhríochta lámhscríofa gan aon spleáchas. Tiontaíonn an t-uirlis idir seacht n-aonad CSS (px, rem, em, pt, vw, vh, agus %) trí gach ríomh a threorú trí phicteilíní mar bhonn coiteann, ag cur roinnt nó iolrú shimplí i bhfeidhm i gcoinne do mhéid cló fréimhe cumraithe, méid cló tuismitheora, nó toisí radharcphoirt.
- 1Socraigh do luachanna comhthéacsSula dtiontaíonn tú, cumraíonn tú na ceithre huimhir a chiallaíonn aonaid choibhneasta CSS: méid cló fréimhe (16px réamhshocraithe, an réamhshocrú brabhsálaí), méid cló eilimint tuismitheora (do thiontuithe em agus %), agus leithead agus airde radharcphoirt (do vw agus vh). Is iad seo na luachanna céanna a d'úsáidfeadh do bhrabhsálaí agus CSS á réiteach ag am rite.
- 2Picteilín mar an idirmheánach uilíochGlaonn an tiontaire ar dtús ar toPixels() chun d'ionchur a normalú go comhaireamh picteilín amh — mar shampla, éiríonn 1.5rem 1.5 × baseFontPx, agus éiríonn 50vw 0.5 × vpWidth. Roinneann fromPixels() ansin an comhaireamh picteilín sin faoin bhfachtóir cuí don aonad sprice. Taispeántar na seacht n-aonad go léir ag an am céanna sa tábla tiontaithe.
- 3Cuardach chomhartha Tailwind is gaireTar éis tiontaithe, ríomhann an t-uirlis an luach rem agus scanann sé dhá thábla chuardaigh códaithe go crua — trí chomhartha cló-mhéide dhéag Tailwind (text-xs go text-9xl) agus a scála spásála — ag aimsiú an mheaitseála is gaire de réir achair iomláin. Ciallaíonn comhartha = go bhfuil an luach ina chomhartha beacht; ciallaíonn ≈ gurb é an t-oiriúnú is gaire é.
- 4Athscríobh CSS bhaisc trí shlonn ionadaíochtaGlacann an painéal greamaigh-CSS le téacs CSS amh agus cuireann sé athsholáthar slonn ionadaíochta i bhfeidhm: i mód px→rem meaitseálann sé gach comhartha px agus athsholáthraíonn sé an chuid uimhriúil le luach/baseFontPx + rem; i mód rem→px déanann sé an t-aisiompú. Taispeántar an comhaireamh athsholáthair ionas gur féidir leat fíorú cé mhéad luach a athscríobhadh.
Uirlisí Gaolmhara
Tiontaire Aonad
Tiontaigh idir aonaid faid, meáchain, teochta, achar, toirt, agus níos mó.
Gineadóir CSS clamp()
Gin luach CSS clamp() sreabhánach le haghaidh cló agus spásáil fhreagrach. Socraigh méid íosta/uasta agus raon amharcdhromchla, féach réamhamharc beo, agus cóipeáil an CSS aon líne.
Giniúradh Ghréine CSS
Dearadh CSS gréine go radharcach — rianta, aonaid agus bhearna — agus cóipeáil an CSS agus HTML a ghintear.