CSS: aspect-ratio

“Aspect-ratio” oz. razmerje postane pomembno predvsem pri ustreznem prikazovanju video vsebin, slik, … skratka medija, ki ima vnaprej določeno razmerje in vpliva na generalen prikaz vsebine.

Pri izgradnji odzivnih spletnih strani, natančneje pri vstavljanju odzivnih video vsebin so bile do sedaj vedno težave. Običajno smo slednje premagovali s pomočjo vtičnikov, kot je npr. Fitvids.js, ki nam je pomagal pri ustreznem prikazu vsebin na različnih ekranih. CSS lastnost “aspect-ratio” pa potrebo po takšnih vtičnikih v celoti odpravi, sedaj je ta funkcionalnost na voljo v samem brskalniku.

Primer uporabe:

See the Pen
CSS: aspect-ratio
by Ziga (@pomagalnik)
on CodePen.

CSS lastnost “aspect-ratio” je dobro podprta, izjema je le IE brskalnik. Pred uporabo novejših tehnologij slednje vedno preverite.

Oznake: aspect-ratioCSS

Komentiraj


*