本文详细介绍了CSS中的相对单位，包括像素px、em、rem、rpx、vh、vw、vmin、vmax和%，并探讨了它们的特点和应用场景，特别强调了rem和vh/vw在响应式设计中的作用。通过理解这些单位，开发者可以更好地实现网页和移动端的自适应布局。
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中较大的那一个值
%
相对长度单位，相对于父元素的百分比
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
