Effekten av forelderbredde i prosent på komprimering av flex-blokker i CSS
La oss nå ha fem flex-elementer,
plassert på rad. La oss sette bredden på forelderen
i prosent, og alle nåværende avkom
sette en bredde på 100px.
Åpne eksempelet nedenfor og reduser
nettleservinduet slik at elementene ikke lenger
får plass i forelderen. For å gjøre dette må vinduet
komprimeres til mindre enn 500px, siden vi har 5
elementer hver på 100px. Som du
allerede vet, ved slik komprimering vil nettleseren tvangs-
redusere bredden på elementene til mindre enn 100px
for at de skal få plass i forelderen. Så,
her er eksempelet:
Gjenta etter mønster eksempelet fra den teoretiske delen.