- px:绝对长度单位,来描述一个元素的宽高以及定位信息
- em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认16px)em作为字体单位,相对于父元素字体大小;em作为行高单位时,相对于自身字体大小,整个页面内 1em 不是一个固定的值。
- rem:相对单位,可理解为”root em”,相对根节点html的字体大小来计算,CSS3新加属性,rem作用于非根元素时,相对于根元素字体大小;rem作用于根元素字体大小时,相对于其初始字体大小。
- vw 相对于视窗的宽度,vh 相对于视窗的高度,1 vw 等于1/100的视口宽度,1 vh 等于1/100的视口高度。
- rpx:微信小程序独有的、解决屏幕自适应的尺寸单位。
px、em、rem、vw、vh、rpx区别
最新推荐文章于 2024-07-17 09:43:10 发布