Ukususela ekuveleni koyilo lwewebhu oluphendulayo, abaphuhlisi bebecela amandla okwenza i-DOM elements ngokusekelwe kubungakanani bayo bokwenyani kunobungakanani be-browser viewport (besebenzisa i-media queries ). Enyanisweni, i-container queries (i-element queries) mhlawumbi yeyona nto ifunwa kakhulu yi-CSS engasetyenziswanga yi-browsers.
Sele zininzi , uninzi , uninzi lwezithuba ezichaza ukuba kutheni kunzima ukubuza imibuzo yesikhongozeli kwi-CSS kwaye kutheni abavelisi besikhangeli benqikaza ukuyenza. Ukuba ufuna ukuyonwabela ngoku, iJavaScript encinci inokunceda:
c51c33e1533e68c3f8fd24633700789f
Yonke le nto ikhangeleka inje:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
Le breakpoints, yokukhetha kunye nesimbo iimpawu zingasetyenziswa ukuchaza breakpoints ezahlukeneyo, umkhethi oluzenzekelayo kunye nohlobo iiklasi longeziwe. Ukuba usebenzisa iskripthi, ungajongana neeklasi ezisandula ukwenziwa ngolu hlobo lulandelayo:
c51c33e1533e68c3f8fd24633700789f
Ukusetyenziswa kwemibuzo yesikhongozeli kubaluleke kakhulu kwizinto ezingaphezulu, iipopups, iibar ezisecaleni okanye izinto zesiko - nangoku, umzekelo, kunye nescript esingasentla.