如何一次更改所有基于 14px 基本尺寸设置为 rem 的 css 值，因为新基本尺寸为 10px

Question

我有一个基本大小为 14px 的 css 文件用于 rem。我想将基本尺寸设置为 10px，然后据此更改所有 css 值。

Answer 1

你可以试试这个……

:root {
    font-size: 10px;
}

默认情况下，我认为 1 rem 等于 14px。 现在，1rem 等于 10px。

Answer 2

你可以使用

html {
  font-size: 10px;
}

也可以使用

:root{
  font-size: 10px;
}