Uzu kontenerajn demandojn hodiaŭ

Ekde la apero de respondema TTT-dezajno, programistoj petis la eblecon stiligi DOM-elementojn laŭ ilia reala grandeco anstataŭ la grandeco de la retumila vidfenestro (uzante amaskomunikilajn pridemandojn ). Fakte, konteneraj pridemandoj (origine elementaj pridemandoj) estas probable la plej petata CSS-trajto, kiu ankoraŭ mankas al retumiloj.


Estas jam multaj , multaj , multaj afiŝoj, kiuj klarigas ĝuste kial konteneraj demandoj malfacilas efektivigi en CSS kaj kial retumilaj fabrikantoj hezitas efektivigi ilin. Se vi volas ĝui ĝin nun, iom da JavaScript povas helpi:

c51c33e1533e68c3f8fd24633700789f

La tuto tiam aspektas tiel:

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

La rompopunktoj , elektilo kaj stilaj atributoj povas esti uzataj por difini la diversajn rompopunktojn, la aŭtomatan elektilon kaj la tipon de klasoj aldonitaj. Se vi uzas la skripton, vi povas trakti la nove kreitajn klasojn jene:

c51c33e1533e68c3f8fd24633700789f

La uzo de uj-demandoj estas aparte inda por elementoj en supermetaĵoj, ŝprucfenestroj, flankmenuoj aŭ kutimaj elementoj - eĉ nun, ekzemple, kun la supra skripto.

Reen