Chuir CSS nua-aimseartha feidhmeanna agus airíonna ar iasacht a chuireann in ionad catagóirí ar fad de cheisteannaí meáin-fhrainn agus drochbheartas JavaScript. Na samhlaithí:
clamp() — luachanna fluide, teorantach
h1 { : (, , ); }
Chuir CSS nua-aimseartha feidhmeanna agus airíonna ar iasacht a chuireann in ionad catagóirí ar fad de cheisteannaí meáin-fhrainn agus drochbheartas JavaScript. Na samhlaithí:
h1 { : (, , ); }
Tugann clamp(min, preferred, max) tipeolaíocht/spásáil fluide a scálann go réidh leis an bhfuinneog féachana ach fanann sé laistigh de theorainneacha — ag ionadú roinnt pointí briseadh de cheisteannaí meáin font-size le líne amháin.
.video { aspect-ratio: 16 / 9; width: 100%; } /* height auto-computed to keep 16:9 */
.avatar { aspect-ratio: 1; } /* perfect square at any width */
Roimhe seo, bhí an drochbheartas padding-bottom: 56.25% ar bhealach a bhí inchoillithe chun bosca 16:9 a thuiscint. Anois, is leagan amháin a thig leat — agus coimeádann sé spás (go maith do CLS) sula bhfuasar na híomhánna.
.container { width: min(90%, 1200px); } /* whichever is SMALLER → fluid but capped */
.box { padding: max(1rem, 3vw); } /* whichever is LARGER → a minimum floor */
Roghnaíonn min()/max() an luach níos lú/níos fearr, ag ligean do airí amháin a bheith réagartha gan fhéachaint meáin (m.sh. "90% leathan, ach ní hea níos mó ná 1200px").
.card { display: grid; grid-template-rows: subgrid; grid-row: span 3; }
Ligean do subgrid do ghréine neadaithe línte rianta a pháthar a fhabhrairt, ionas go n-ailínítear míreanna thar chártaí scartha (teidil, corp, cnaipe) go foirfe ar shraitheanna roinnte — roimhe seo dodhéanta gan airde leathag.
.flex { display: flex; gap: 1rem; } /* gap now works in flexbox, not just grid */
Baineann na gnéithe seo drochbheartas fadtéarmacha ar shiúl: cuireann clamp()/min()/max() in ionad práinní de cheisteannaí meáin do mhéadar fluide, cuireann aspect-ratio in ionad an drochbhirt cúng agus cosnaíonn sé aistriú leagan amach, agus réiteann subgrid an ailíniú tras-chomhpháirt.
Déanann siad leagan amach réagartha, comhréireach i bhfad níos simplí agus níos láidre — déanann CSS nua-aimseartha go fógráiteach an rud ar bhraithsid JS nó a dhríochbheartaí lagha.