px、em、rem都是计量单位，都能表示尺寸，但是有所不同，其各有各的优缺点
创新互联-专业网站定制、快速模板网站建设、高性价比滨海新区网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式滨海新区网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖滨海新区地区。费用合理售后完善，十载实体公司更值得信赖。
px像素（Pixel），像素px是相对于显示器屏幕分辨率而言的px作为单位是固定不变的，不能适应浏览器缩放时产生的变化，因此一般不用于响应式网站。em的值不固定，会继承父元素的字体大小，是一个相对单位rem是css3中新增的相对单位，相对于html根元素注意：任意浏览器的默认字体都是16px
通过上述概念介绍可以看出区别如下：
px相对其他两个单位是固定不变的，不能适应浏览器缩放时产生的变化em是根据父元素继承相应大小而不是固定的，rem是继承html根元素的大小下面通过代码演示一下：
DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>title>
<styletype="text/css">
.em{
width: 10em;
height: 10em;
background-color: red;
}
.rem{
width: 10rem;
height: 10rem;
background-color: blue;
}
style>
head>
<body>
<divclass="box">
<divclass="em">div>
<divclass="rem">div>
div>
body>
html>
