rem,px,em的区别及设置与转换

随着自适应网站的增多，在网页设计上字体的大小设置中，rem更多的在移动端被使用，这也是CSS3中新增加的单位元素，那么rem,px,em的三个单位元素的使用有什么区别呢？

首先，在不设置字体大小的情况下，浏览器字体默认大小为16px。

rem，px，em的区别

什么是rem

rem是css3中新增加的单位相对的只是HTML根元素，默认也是16px；通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应；rem是继承html根元素的大小，只有改变根元素html的值才能改变rem的值，

什么是px

px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。

什么是em

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 em的值并不是固定的，em会继承父级元素的字体大小。

rem，px，em的设置

如果想在网页上设置初始的字体大小为12px,那三个元素的设置分别如下：

px：font-size:12px