Nie tak dawno temu, bo w styczniu 2021 roku, pojawiło się w przeglądarkach Chrome i Edge wsparcie dla właściwości CSS, pozwalającej ustanowić współczynnik proporcji dla elementów HTML. Poniższym tekstem pozwolę sobie opisać to przydatne usprawnienie, czyli tzw. aspect-ratio.
Continue reading Współczynnik proporcji, czyli aspect-ratio w CSS
Tagi: aspect-ratio • proporcje • ratio • współczynnik proporcji
pjotruh
html, body { margin: 0; height: 100% }div.a { background: yellow; height: 300px; }div.b { background: gray; height: calc(100% - 300px; }Górny DIV o klasie "a" ma wysokość 300px, dolny DIV o klasie "b" ma wysokość całej strony, pomniejszony o wysokość górnego DIVa - zatem dolny DIV wypełnia pozostałą część strony pod DIVem górnym.2024-09-17 23:28:56