Ut elit tela, saepe te invenies in strophis operandi cum HTML elementis quae - dissimilis elementi img, exempli gratia - nec magnitudinem certam nec rationem certam habent. Saepe voles ut istas res respondeat, sed proportio inter latitudinem et altitudinem conservatur. Defalta CSS solutionem intuitivam hic non praebet. Sed ope proprietatis verticalis Nullam metam consequi potes.
Exemplum cotidianum imaginum quadratarum productorum sumamus. Quamquam ipsae imagines non necessario quadratae sunt, eas cum proportione 1:1 sine ullo labore addito aut distortione ostendere volumus, et latitudo earum (et ergo altitudo) responsive mutari debet. Sequens codex hoc facile efficit utens CSS sine ullo additionali markup.:
1bc3a80de3db90cdf0535541236d95f2
cum effectus:
Sed quare hoc opus et quomodo rationes aliae creari possunt? Clavis huic est in proprietate colorata, quae - in recipis valores specificata semper fundatur in eodem valore fundamentali ac proprietas Latitudo (latitudo nempe elementi parentis). Hoc perspicuum est pro dextra sinistra et padding-sinistra, mirum in capite et paddding-fundo, sed in hoc casu valde utile.
Eg si vis primarias partes investigationi XVI Ratio est: IX: width vis valorem: C% margin-bottom: 56.25%,. Ratio est quia rationem accipit in propter aureum Ratio est width: C% margin-bottom: 61.81%; realizable.
Cum auxilio calc et specificare potest in directe rationem ratio, exempli gratia quia XVI: IX cum padding: calc (I / (16/9) * C%). Si enim elementum habet amplius, et nidificas elementa, puer elementum ponitur absolute compenset Nullam elementum a parente:
1bc3a80de3db90cdf0535541236d95f2
Unde ex sequenti: