logo-Chiyu

Chiyu

Blog

Here I share my stories.

CSS 的長寬比 aka aspect-ratio 怎麼算?

事到如今問不出口,簡單幾句話系列

🕒 published on ー 2022. 2. 17.

thumbnail.png

Photo by Tai Bui on Unsplash

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

那麼打完收工。

Copyright © 2022 Chiyu