Prišli so “container queries”

“Container queries” so bili ena najbolj pričakovanih novosti v CSSju v zadnjem času. Sedaj pa dobivajo zadostno podporo v brskalnikih, da jih lahko začnemo uporabljati.

O “Container queries” se je govorilo zelo veliko, vendar je bila implementacija podpore brskalnikov počasna, zato so prišli šele sedaj. Trenutno jo podpira Chrome (105+), Edge (105+), Safari (16.0+), podpora za Firefox pa je na poti.

Kaj so “container queries”?

“Container queries” so zelo podobni “Media queries”, ampak se namesto dimenziji vidnega polja (viewoirt) prilagajajo dimenzijam starša v katerem se nahaja. To pomeni da se lahko določen element znotraj drugega elementa spreminja glede na prostor, ki ga ima. To pomeni, da lahko vplivamo na posamezen design/element strani na bolj mikro nivoju.

Čeprav nam delna podpora že omogoča uporabo bo do popolne podpore minilo še nekaj časa. Vedno preverite stanje na povezavi “container queries”. S prihodom Flexboxa lahko določene rešitve rešimo tudi z njim, brez da vpeljujemo nove slabše podprte rešitve.

Dodatno branje:

Komentiraj


*