rem与px转换工具

在我们开发网站的时候，都会写到CCS文件来控制网页布局，根据开发者习惯不同有的喜欢使用rem有的喜欢使用px，虽然rem与px都是css样式单位，但通常px是我们比较熟悉的单位，所以根据设计稿转换rem的话，一般都需要根据html的设置的px字号来转换，所以本工具可以实现rem与px之间的转换。

css的rem是什么

css的rem是一种css单位，rem的英文全称是“font size of the root element”，是指相对于根元素的字体大小的单位；而em是指相对于父元素的字体大小的单位。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元素一个是依赖父元素计算。

使用 rem 单位来定义文字的大小最大的问题在于这些值有点难以使用。让我们来看一个例子，假设根元素的文字大小是 16px，我们常用的文字大小转换为 rem 值如下：

10px = 0.625rem

12px = 0.75rem

14px = 0.875rem

16px = 1rem (base)

18px = 1.125rem

20px = 1.25rem

24px = 1.5rem

30px = 1.875rem

32px = 2rem