使用 `:root` 選擇器來設定彈性的字體大小

在響應式版面(responsive layout)中,字體大小通常需要根據不同的 Viewport (畫面大小) 進行調整。你可以根據 `:root` 所定義的 Viewport 高度與寬度來調整字體大小:

```css
:root {
font-size: calc(1vw + 1vh + 0.5vmin);
}
```

現在你便能使用依 `:root` 字級為基準的 `rem` 單位了
posted @ 2019-03-13 11:43  王振起  阅读(237)  评论(0编辑  收藏  举报