Ut fabricator interretialis, saepe te invenis cum elementis HTML laborantem quae, dissimiliter elemento `img`, magnitudinem vel proportionem aspectus fixam non habent. Saepe vis haec obiecta responsive se gerant, proportione inter latitudinem et altitudinem servata. CSS solutionem intuitivam per default non offert. Attamen, proprietas "vertical padding" hoc assequi potest.
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 quid opus est ea proportione et quomodo possumus alia ratione esse creatum? Clavem ad hoc mendacium in background res, quae - in percentage values data - est idem semper secundum valorem basic res ut Latitudo (nimirum latitudo luminis fiat in parentis elementum). In margin-right margin-left: et hoc est obvious, cum padding et font-size magnum valde utile, sed in hoc casu.
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: