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

文章推薦指數: 80 %
投票人數:10人

Bootstrap 5 的版本中,增加了對於字體大小自動調整的功能。

換言之是將CSS 中的font-size 設定了幾組不同的rem!important ,來讓使用者方便調用。

PrimaryMenu Skiptocontent Search SecondaryMenu Skiptocontent 章節連結 Demo Bootstrap5的版本中,增加了對於字體大小自動調整的功能。

換言之是將CSS中的font-size設定了幾組不同的rem!important,來讓使用者方便調用。

Demo 一共可以分為fs-1~fs-6六級。

由於rem是根據root所定義的font-size所決定的。

而這個值在Bootstrap5中定義為16px。

換言之,fs-1的基本設定為calc(1.375rem+1.5vw),而在元素寬度大於1200px時則為2.5rem(等同於40px)。

 按讚加入粉絲團延伸閱讀 [指南]MongoDB–Mongoose依照陣列長度排序,且取得裡頭的所有reference資料 [筆記]UltimateAWSCertifiedDeveloperAssociate(37) [筆記]Udemy–CSS3Animations,TransformsandTransitionsUltimateGuide(53) [筆記]UltimateAWSCertifiedDeveloperAssociate(36) [指南]安裝專案npm套件出現exitedwitherrorcode:128 文章導覽 ←PreviousPreviouspost:[筆記]JavaScript強迫終止瀏覽器的Request指令Next→Nextpost:[筆記]里茲螞蟻三步驟邁向進階英文口說–25–如何創造全英文的環境 Google站內搜尋 GoogleAdsense Blogimove部落格搬家技術服務



請為這篇文章評分?