Gineadóir CSS clamp() saor in aisce
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.
Méid rindreáilte ag raonta amhairc éagsúla
Scálaíonn clamp(min, roghnach, max) luach go sreabhánach leis an raon amhairc, ansin glastaítear ag an min agus max. Cuireann sé sraitheanna ceisteanna meán in ionad cló, spásáil, agus leithead le líne amháin.
Úsáidí coitianta
- Cruthaithe Fluid Responsive TypographyScála font sizes go réidh idir fón póca agus deasc le líne amháin.
- Fluid Margins u PaddingDéan spás na páirc ag fás leis an mothphlé in ionad a bheith ag léim ar bhreac-phointe.
- Ionadaigh Fiosrúchán Meán le clamp()Dún na stac a bhaineann le go breac-phointe a fhor-scríobh i luach sreabhach amháin.
- Tóg Scála Cineál FluidGineáraigh céimeanna clamp() comhsheasmhach do scála cineál dearaidh-chóras.
- Fluid Hero u Taispeáin CinnDéan príomh-cheanntásanna tuirlingthe mór scála go drámatúil ach go sábháilte.
Conas a Oibríonn sé
Ríomhann an t-uirlis seo luachanna CSS clamp() ag baint úsáide as foirmle idirshuímh líneach lámhscríofa — gan leabharlanna, gan aisteoirí freastalaí. Cuireann tú isteach dhá mhéid agus dhá leithead radharcphoirt; ritheann an uimhríocht láithreach i do bhrabhsálaí agus táirgeann sé slonn clamp() réidh le greamú le luach preferálta bunaithe ar vw a scálálann do chineál nó spásáil go réidh idir na pointí briste sin.
- 1Ríomh fána líneachRíomhann an t-uirlis fána picteilín-in-aghaidh-picteilín: (méidUas - méidÍos) / (radharcphortUas - radharcphortÍos). Tiontaítear an fhána seo ansin go haonaid vw trí é a iolrú faoi 100, ar é croí conas a oibríonn scálú CSS coibhneasta le radharcphort.
- 2Díorthú trasnaitheRíomhtar fritháireamh trasnaithe (i px nó rem) ionas go mbuaileann an fheidhm líneach do mhéid íosta go beacht ag an radharcphort íosta. Le chéile, foirmíonn fána agus trasnaithe an luach preferálta laistigh de clamp() — an chuid a scálálann i ndáiríre.
- 3Tiontú aonad agus formáidiú aschuirMá roghnaíonn tú aschur rem, roinntear gach luach picteilín ar do mhéid cló fréimhe cumraithe (16px réamhshocraithe) sula scríobhtar é isteach sa teaghrán clamp(). Táirgtear aicme luacha treallach Tailwind meaitseála freisin, le spásanna curtha in ionad folínte de réir chomhréir Tailwind.
- 4Réamhamharc sleamhnáin radharcphoirt bheoLigeann sleamhnán raoin duit scrolláil ó 320px go 1920px ar leithead. Ag gach suíomh déanann an fhoirmle fána-agus-trasnaithe chéanna meastóireacht ar an méid teoranta i bhfíor-am agus rindreálann sé téacs samplach ag an méid picteilín ríofa sin, ionas gur féidir leat an t-iompar scálaithe a fheiceáil sula gcóipeálann tú aon rud.
Uirlisí Gaolmhara
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.
Cad É Réiteach Mo Scáileáin
Feic taifeach do scáileáin i bpicteilíní CSS agus fíorphicteilíní, méid na fuinneoige, cóimheas picteilíní, doimhneacht datha, HDR, tacaíocht tadhaill agus ráta athnuachana, agus cóipeáil é ar fad.
Déantóir Síniú
Tarraing síniú le do luch, méar, nó stíleas, nó clóscríobh d'ainm i gcló lámhscríbhneoireachta, ansin easpórtáil é mar PNG nó SVG trédhearcach.