Sebenzisa imibuzo yesiqukathi namuhla

Kusukela kwaqala ukwakheka kwewebhu okuphendulayo, abathuthukisi bebelokhu becela ikhono lokufaka isitayela izinto ze-DOM ngokusekelwe kusayizi wazo wangempela kunosayizi we-browser viewport (besebenzisa imibuzo yemidiya ). Eqinisweni, imibuzo yeziqukathi (imibuzo yezinto ekuqaleni) cishe iyisici se-CSS esiceliwe kakhulu iziphequluli ezisasiswele .


Sekuvele kunezikhala eziningi , eziningi , eziningi ezichaza kahle ukuthi kungani imibuzo yeziqukathi kunzima ukuyisebenzisa ku-CSS nokuthi kungani abakhiqizi beziphequluli benqikaza ukuyisebenzisa. Uma ufuna ukuyijabulela manje, iJavaScript encane ingasiza:

c51c33e1533e68c3f8fd24633700789f

Yonke le nto ibukeka kanjena:

See the Pen by David Vielhuber (@vielhuber) on CodePen.

Ama- breakpoints , isikhethi kanye nezimpawu zesitayela kungasetshenziselwa ukuchaza izindawo zokuphumula ezahlukahlukene, isikhethi esizenzakalelayo nohlobo lwamakilasi afakiwe. Uma usebenzisa iskripthi, ungabheka amakilasi asanda kukhiqizwa kanjena:

c51c33e1533e68c3f8fd24633700789f

Ukusetshenziswa kwemibuzo yesiqukathi kubaluleke kakhulu ezintweni ezimbondelane, izigelekeqe, amabha aseceleni noma izici zangokwezifiso - ngisho namanje, ngokwesibonelo, ngombhalo ongenhla.

Emuva