#名词区别篇：px、em、rem、rpx、vh、vw、vmin 、vmax、%用法 与 区别

px

像素，相对长度单位，相对于显示器屏幕分辨率而言

em

相对长度单位，相对于当前对象内文本的字体尺寸。
如果当前文本字体尺寸没有设置，则相对浏览器默认字体尺寸。
特点：
1.值不是固定的
2.会继承父的字体大小
注意： 浏览器默认的字体都是16px。1em = 16px；0.625em = 10px
body中font-size=62.5%,及16px*62.5% =10px 转换基准 1em = 10px

rem

rem是css3新增的一个相对单位（root em,根em）
与em的区别
rem为元素设定字体大小是，为相对大小，相对的根是HTML根元素
优点 之修改根源素就成比例的调整所有字体大小

rpx

rpx可根据屏幕宽度进行自适应。
规定屏幕宽为750rpx。iphone上屏幕宽375px,共750物理像素
750rpx = 375px = 750物理像素 1px = 0.5px=1物理

vh

相对于viewport视窗的宽高进行计算单位
相对视窗高度的单位
1vh = 1/100浏览器高度

vw

相对视窗宽度的单位
1vw = 1/100浏览迪宽度

vmin & vmax

vmin：取当前Vw和Vh中较小的那一个值
vmax：取当前Vw和Vh中较大的那一个值

%

相对长度单位，相对于父元素的百分比