[筆記] Bootstrap 5 新增自適應 RWD 的字體大小

章節連結

Bootstrap 5 的版本中,增加了對於字體大小自動調整的功能。換言之是將 CSS 中的 font-size 設定了幾組不同的 rem!important ,來讓使用者方便調用。
Bootstrap5


Demo

一共可以分為 fs-1 ~ fs-6 六級。由於 rem 是根據 root 所定義的 font-size 所決定的。而這個值在 Bootstrap 5 中定義為 16px。換言之,fs-1 的 基本設定為 calc(1.375rem + 1.5vw),而在元素寬度大於 1200px 時則為 2.5rem (等同於 40px)。

按讚加入粉絲團

延伸閱讀