Áireamhán CSS clamp()

Iontráil méid le haghaidh scáileáin bheaga agus mhóra agus faigh luach sreabhach clamp() a scálaíonn go réidh eatarthu — le haghaidh clómhéideanna, padding, corrlaigh nó bearnaí.

Méideanna
Íosmhéid
Uasmhéid
luach clamp()
clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem)

Coinníonn an toradh cuid rem sa téarma lárnach, mar sin méadaíonn an téacs fós nuair a zúmálann duine go 200% — ní dhéanfadh luach amharcphort-amháin amhlaidh.

Réamhamharc

Téacs sreabhach, ar an méid ceart.

Coigeartaigh na méideanna agus leitheanna scáileáin chun an luach a mhúnlú.

Ritheann an ríomhaireacht go hiomlán i do bhrabhsálaí. Ní uaslódáiltear aon rud a iontrálann tú anseo chuig BroBroGo.

Ceisteanna Coitianta

Conas a thógann an t-áireamhán an luach clamp()?

Tugann tú dhá phointe dó: méid ag leithead scáileáin bhig agus méid ag leithead scáileáin mhóir. Tarraingíonn sé líne dhíreach eatarthu ionas go bhfásann an méid go réidh de réir mar a leathnaíonn an scáileán, ansin timpeallaíonn sé i clamp() é ionas nach dtiteann sé faoi bhun do mhéid scáileáin bhig ná nach n-éiríonn sé níos airde ná do mhéid scáileáin mhóir. Idir an dá leithead, scálaíonn an méid go sreabhach; lasmuigh díobh coinníonn sé ag an teorainn is gaire.

Cén fáth a bhfuil an toradh in rem agus vw in ionad picteilíní?

Tá na teorainneacha in rem agus coinníonn an chuid lárnach atá ag athrú comhpháirt rem, mar sin fásann téacs fós nuair a zúmálann léitheoir isteach nó nuair a mhéadaíonn siad clómhéid réamhshocraithe a mbrabhsálaí — is féidir le luach picteilín-amháin nó amharcphort-amháin stop a chur leis sin. Clóscríobhann tú méideanna i bpicteilíní mar is mar sin a smaoiníonn formhór na ndaoine orthu, agus tiontaíonn an uirlis go rem iad ag baint úsáide as do bhunchlómhéid.

An féidir liom é seo a úsáid le haghaidh spásála, seachas clómhéid amháin?

Is féidir. Oibríonn an luach céanna le haghaidh padding, margin, gap, leithead nó airde — áit ar bith a dtéann fad. Athraigh an réamhamharc go Bosca chun féachaint ar an spásáil ag fás in ionad téacs. Má tá do mhéideanna beaga agus móra mar an gcéanna, titeann an toradh go dtí fad seasta simplí, ós rud é nach bhfuil aon rud le scálú.

An dtacaíonn gach brabhsálaí le clamp()?

Is féidir — tacaíonn gach brabhsálaí reatha le clamp() ó 2020 i leith, mar sin is féidir leat an luach a sheoladh mar atá gan aon chúltaca. Ar uasmhéid an-mhór nó ar ráta tapa athraithe, is fiú seiceáil thapa a dhéanamh ag zúmáil 200% go méadaíonn an téacs fós do léitheoirí a dteastaíonn sé uathu.

Scríofa agus athbhreithnithe ag foireann eagarthóireachta BroBroGo.Nuashonraithe is déanaí:

Réamhrá ar an bhFeidhm CSS clamp() agus a hÚsáid

Ligeann an uirlis seo duit luach CSS clamp() a ríomh a fhágann gur féidir le méid scálú go réidh idir íosmhéid agus uasmhéid thar leitheanna scáileáin éagsúla. Trí mhéid le haghaidh scáileáin bhig agus méid le haghaidh scáileáin mhóir a sholáthar, gineann an t-áireamhán feidhm clamp() a chinntíonn nach dtiteann an méid faoi bhun do mhéid scáileáin bhig agus nach n-éiríonn sé níos airde ná do mhéid scáileáin mhóir. Scálaíonn an méid go sreabhach sa lár.

Is féidir an fheidhm seo a úsáid le haghaidh airíonna faid éagsúla i ndearadh gréasáin sofhreagrach. Ina measc seo tá clómhéideanna, padding, corrlaigh (margins), bearnaí (gaps), leithead, nó airde. Tá an uirlis seo thar a bheith úsáideach dóibh siúd atá ag dearadh leaganacha amach sofhreagracha, dóibh siúd ar mian leo clóscríobh shreabhach a chruthú, nó dóibh siúd a dteastaíonn spásáil shofhreagrach uathu a oiriúnaíonn do leitheanna scáileáin éagsúla.

Na hIonchuir is gá don Áireamhán

Chun an luach CSS clamp() a ríomh i gceart, éilíonn an uirlis uimhreacha bailí i ngach réimse ionchuir. Seo na sonraí is gá a sholáthar:

  • Íosmhéid: Uimhir a sheasann don mhéid ag leithead an scáileáin bhig.
  • Leithead an scáileáin don Íosmhéid: Uimhir a sheasann do leithead an scáileáin bhig.
  • Uasmhéid: Uimhir a sheasann don mhéid ag leithead an scáileáin mhóir.
  • Leithead an scáileáin don Uasmhéid: Uimhir a sheasann do leithead an scáileáin mhóir.
  • Clómhéid an fhréamh: Uimhir a úsáidtear chun na hionchuir picteilíní a thiontú go rem.

Cé nach bhfuil aonad méide sainithe go sainráite mar ionchur, tiontaíonn an uirlis na hionchuir picteilíní go rem go huathoibríoch ag baint úsáide as clómhéid an fhréamh a sholáthraíonn tú.

Na hAschuir agus na Teachtaireachtaí Stádais

Nuair a chuirtear na luachanna isteach, gineann an t-áireamhán na torthaí seo a leanas:

  • luach clamp(): An fheidhm ríofa CSS clamp(), mar shampla, clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem).
  • Réamhamharc: Léiriú amhairc ar an scálú. Is féidir é seo a thaispeáint mar "Téacs" (mar shampla, "Téacs sreabhach, ar an méid ceart.") nó mar "Bosca".
  • Leithead an réamhamhairc: Taispeáint uimhriúil ar leithead reatha an limistéir réamhamhairc.

Chomh maith leis sin, taispeánann an uirlis teachtaireachtaí stádais éagsúla bunaithe ar na luachanna ionchuir agus ar staid an scálaithe:

  • "Coigeartaigh na méideanna agus leitheanna scáileáin chun an luach a mhúnlú."
  • "Scálú droim ar ais — crapann an méid de réir as a fhásann an scáileán."
  • "Tá an dá mhéid cothrom, mar sin is luach seasta é seo, ní luach sreabhach."
  • "coinnithe ag an íosmhéid"
  • "coinnithe ag an uasmhéid"
  • "ag scálú go sreabhach"

Rialacha Ríomhaireachta agus Cásanna Imeallacha

Leanann an t-áireamhán rialacha dochta chun a chinntiú go bhfuil an cód CSS a ghintear bailí agus inúsáidte:

  • Bailíocht na nUimhreacha: Ní mór uimhreacha bailí a bheith i ngach réimse ionchuir.
  • Leithead an Scáileáin: Ní mór do leithead an scáileáin bhig a bheith ina uimhir dheimhneach níos lú ná leithead an scáileáin mhóir. Mura bhfuil sé níos lú, taispeánfar an teachtaireacht earráide "Ní mór do leithead an scáileáin bhig a bheith ina uimhir dheimhneach níos lú ná an ceann mór." agus beidh an luach aschuir clamp() mar —.
  • Méideanna Comhionanna: Má tá an t-íosmhéid agus an t-uasmhéid mar an gcéanna, titeann an toradh go dtí fad seasta simplí seachas luach sreabhach.
  • Aonaid an Toradh: Tá teorainneacha an luach clamp() in rem, agus coinníonn an chuid lárnach atá ag athrú comhpháirt rem i gcónaí. Tiontaítear na picteilíní go léir go rem bunaithe ar Clómhéid an fhréamh.

Inrochtaineacht agus Úsáid Aonad rem

Gné ríthábhachtach den uirlis seo ná an aird a thugtar ar inrochtaineacht (accessibility). Tá an luach clamp() deartha go sonrach chun a chinntiú go leanann téacs ag fás nuair a zúmálann léitheoir isteach nó nuair a mhéadaíonn sé clómhéid réamhshocraithe an bhrabhsálaí.

Ós rud é go gcoinníonn an toradh cuid rem sa téarma lárnach, méadaíonn an téacs fós nuair a zúmálann duine go 200%. Dá n-úsáidfí luach amharcphort-amháin (viewport-only), ní tharlódh an scálú inrochtana seo agus d'fhéadfadh sé bac a chur ar úsáideoirí a bhfuil riachtanais inrochtaineachta acu.

Príobháideachas agus Próiseáil Sonraí

Nuair a úsáideann tú an t-áireamhán seo, tá do chuid sonraí go hiomlán sábháilte. Ritheann an ríomhaireacht go hiomlán i do bhrabhsálaí féin. Ní uaslódáiltear aon rud a iontrálann tú sna réimsí ionchuir chuig BroBroGo.

Ceisteanna Coitianta (FAQ)

Conas a thógann an t-áireamhán an luach clamp()?

Tugann tú dhá phointe dó: méid ag leithead scáileáin bhig agus méid ag leithead scáileáin mhóir. Tarraingíonn sé líne dhíreach eatarthu ionas go bhfásann an méid go réidh de réir mar a leathnaíonn an scáileán, ansin timpeallaíonn sé i clamp() é ionas nach dtiteann sé faoi bhun do mhéid scáileáin bhig ná nach n-éiríonn sé níos airde ná do mhéid scáileáin mhóir. Idir an dá leithead, scálaíonn an méid go sreabhach; lasmuigh díobh coinníonn sé ag an teorainn is gaire.

Cén fáth a bhfuil an toradh in rem agus vw in ionad picteilíní?

Tá na teorainneacha in rem agus coinníonn an chuid lárnach atá ag athrú comhpháirt rem, mar sin fásann téacs fós nuair a zúmálann léitheoir isteach nó nuair a mhéadaíonn siad clómhéid réamhshocraithe a mbrabhsálaí — is féidir le luach picteilín-amháin nó amharcphort-amháin stop a chur leis sin. Clóscríobhann tú méideanna i bpicteilíní mar is mar sin a smaoiníonn formhór na ndaoine orthu, agus tiontaíonn an uirlis go rem iad ag baint úsáide as do bhunchlómhéid.

An féidir liom é seo a úsáid le haghaidh spásála, seachas clómhéid amháin?

Is féidir. Oibríonn an luach céanna le haghaidh padding, margin, gap, leithead nó airde — áit ar bith a dtéann fad. Athraigh an réamhamharc go Bosca chun féachaint ar an spásáil ag fás in ionad téacs. Má tá do mhéideanna beaga agus móra mar an gcéanna, titeann an toradh go dtí fad seasta simplí, ós rud é nach bhfuil aon rud le scálú.

An dtacaíonn gach brabhsálaí le clamp()?

Is féidir — tacaíonn gach brabhsálaí reatha le clamp() ó 2020 i leith, mar sin is féidir leat an luach a sheoladh mar atá gan aon chúltaca. Ar uasmhéid an-mhór nó ar ráta tapa athraithe, is fiú seiceáil thapa a dhéanamh ag zúmáil 200% go méadaíonn an téacs fós do léitheoirí a dteastaíonn sé uathu.

Gineadóir CSS Cubic BezierTarraing an dá láimhseáil chun cuar maolaithe a mhúnlú, féach ar phonc ag gluaiseacht air i gcomparáid le ceann seasta, agus cóipeáil an luach cubic-bezier().Gineadóir Box ShadowTarraing sleamhnáin chun box-shadow a mhúnlú, cruachaigh cisealacha le haghaidh doimhneachta, agus cóipeáil an CSS críochnaithe láithreach.Gineadóir GrádáinTóg grádán líneach, gathach, nó cónach, cuir stadanna datha leis agus socraigh an treo, ansin cóipeáil an CSS le cliceáil amháin.Gineadóir Border RadiusCruinnigh gach cúinne le sleamhnáin, cruthaigh cruthanna orgánacha leis an modh elipseach, agus cóipeáil an CSS láithreach.Gineadóir FlexboxSocraigh coimeádán flex agus a mhíreanna le rialtáin radhairc, féach ar an leagan amach ag freagairt beo, agus cóipeáil an CSS le cliceáil amháin.Gineadóir CSS GridSocraigh do cholúin agus do rónta, tarraing trasna na gcealla chun míreanna a chur, agus cóipeáil an CSS greille le HTML meaitseála le cliceáil amháin.Snaidhmtheoir & Mionlaghdaitheoir CSSAthfhleascaigh CSS praiseachúil chun é a léamh, nó mionlaghdaigh é chun é a sheoladh — le mód sábháilte nach n-athraíonn ord do rialacha riamh.Tiontaire px go rem & emTiontaigh idir px, rem agus em ag baint úsáide as do chuid clómhéideanna fréimhe agus comhthéacs féin — cuir réimse ar bith in eagar agus nuashonrófar an dá cheann eile de réir mar a chlóscríobhann tú.