使用 `:root` 選擇器來設定彈性的字體大小
Posted wangzhenqi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用 `:root` 選擇器來設定彈性的字體大小相关的知识，希望对你有一定的参考价值。
在響應式版面(responsive layout)中，字體大小通常需要根據不同的 Viewport (畫面大小) 進行調整。你可以根據 `:root` 所定義的 Viewport 高度與寬度來調整字體大小：
```css
:root {
font-size: calc(1vw + 1vh + 0.5vmin);
}
```
現在你便能使用依 `:root` 字級為基準的 `rem` 單位了
以上是关于使用 `:root` 選擇器來設定彈性的字體大小的主要内容，如果未能解决你的问题，请参考以下文章
[CSS] 屬性選擇器 （CSS attribute selector）