CSS中rem和px的区别如下：

  1. 相对单位不同：rem是相对单位，是相对HTML根元素（即元素）的字体大小；px是相对长度单位，是相对于显示器屏幕分辨率而言的。
  2. 使用方式不同：rem是CSS3新增的一个相对单位，可以做到只修改根元素就成比例地调整所有字体大小；px是相对长度单位，比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。
  3. 优点不同：rem的优点是集相对大小和绝对大小的优点于一身，既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应；px的优点是比较稳定和精确。