CSS 的長寬比 aka aspect-ratio 怎麼算?
事到如今問不出口,簡單幾句話系列
🕒 published on ー 2022. 2. 17.
Free Talk
個人印象,以前還沒有 aspect-ratio 這個還算新興的 CSS 屬性時,似乎得設定 padding 是多少百分比,才能做到維持住長寬比這件事。
幸好我入行時,就已經有這屬性可以直接取用了!(欠打 w
不用背,記著就好
廢話不多說!
Aspect Ratio = width / height
長寬比等於寬度除以高度。
要不要算出結果?可不用。
像是 16 : 9 可寫 aspect-ratio: 16 / 9;
;
例如 684px : 351px 也可寫 aspect-ratio: 684 / 351
即可。
Ending
網路上有很多 Aspect Ratio Calculator 可以用沒錯,啊有時候就不想特地再去找來用,有的打開還得先研究怎麼用,有的點進去都是在講解概論…
我只是想知道怎麼簡單算呀!因此有了這篇文章這樣,也算是寫給友人們稱記憶體只有 4kb 的自己看 w
那麼打完收工。