css px em rem区别和使用

1. px是固定大小。

2. em是一个浏览器识别的长度单位，但是它不是绝对的、固定的，而是相对的。大家都知道px是一个绝对的长度单位制，它永远不会改变。浏览器默认情况下令1em === 16px。

通过css修改1em的值，这样h1-h6凡是默认了是em倍数的设置都会相应发生变化

body{
font-size:25px;
}

3. rem是更适应响应式布局的字体解决方案，rem是相对于根元素的

rem使用步骤：

1、确定基数：一般10px，自己记住就行，不用写进代码里

2、html {font-size:百分数;}    百分数=基数/16  

　　基数10    百分数62.5%

　　基数14    百分数87.5%

3、px换算rem   公式=想要的px值/基数

　　也就是说，当你设置 html {font-size:62.5%;}，你想给容器里的文字设置字号14px，换算成rem就是14px/10——1.4rem 这样子