Pixel像素，相对长度单位。像素是相对于显示器分辨率而言。
相对长度单位，相对于 当前对象 内文本的字体尺寸，如当前对行内文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸。 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合：1em = 16px。
由上可见，em的值并不是固定的，它的值跟其父级元素的字体大小紧密相关。
示例：
rem是CSS3新增的一个相对单位（root em，根em），这个单位与em有什么区别呢？
目前除IE8及更早版本外，所有浏览器均已支持rem。对于不支持的浏览器，可以多写一个绝对单位的声明。如此浏览器会忽略rem设定的字体大小。如下：
注意：
px、em、rem在线转换工具： http://pxtoem.com/
参考自： https://blog.csdn.net/qq_41893551/article/details/81258600
在不同的环境下是不同的。没有一个绝对的比值。
这样告诉你吧。
当普通台式机的屏幕分辨率设置为800×600的时候，根据勾股定理，知道显示器对角线的象素为1000，而普通的17'显示器对角线的长度为43cm左右。
也就是说，在这种情况下，
1000px约＝43cm，
即1px＝0.4mm。
但是你改变了分辨率，又得另外计算，比如你设置分辨率为1024×768的时候，对角线的象素则为1280，如果还是17'显示器，这时：
1280px＝43cm
用计算器算得——
1px＝0.3359375mm
