什么是px，rpx，em，rem

1、px

1）px就是pixel的缩写，意为像素。

2）px就是设备或者图片最小的一个点，比如常常听到的电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。

3）px是我们网页设计常用的单位，也是基本单位。

4）通过px可以设置固定的布局或者元素大小。

5）缺点：没有弹性。

2、rpx

1）rpx 是微信小程序解决自适应屏幕尺寸的尺寸单位。

2）rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。

3）微信小程序规定屏幕的宽度为750rpx。

4）解释：例如宽度，相当于把屏幕宽度分为750份，1份就是1rpx。高度类似~

3、em

1）参考物是父元素的font-size，具有继承的特点。

2）如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

3）特点是1. em的值并不是固定的； 2. em会继承父级元素的字体大小。

4）1em=1倍父元素font-size的值，2em=2倍父元素font-size的值，以此类推……

4、rem

1）rem是相对于根元素html，这样就意味着，我们只需要在根元素确定一个参考值，可以设计HTML为大小为10px，到时设置1.2rem就是12px.以此类推。

2）优点是，只需要设置根目录的大小就可以把整个页面的成比例的调好。