css rem 转换工具

CSS rem（root em）是相对于根元素（html）字体大小的单位。它允许我们根据根元素的字体大小来设置元素的字体大小。

然而，使用rem单位的时候，我们需要考虑到字体大小的兼容性问题。因为不同浏览器默认的根元素字体大小不同，所以预设的rem值在不同的浏览器下会呈现不同的效果。

为了解决这个问题，我们可以使用CSS rem转换工具。这个工具会将我们设定的数值自动转换成兼容不同浏览器的rem值。

.例子 {
  font-size: 16px;
  padding: 20px 30px;
}

上面代码的16px不适用于rem单位。我们可以使用CSS rem转换工具将它转换。假设我们设定的根元素字体大小为16px，我们可以把16px替换成1rem。

.例子 {
  font-size: 1rem;
  padding: 1.25rem 1.875rem;
}

现在，这个代码可以适用于不同的浏览器了。如果我们需要更改根元素的字体大小，这个工具也会自动更新我们CSS中使用的rem值。