CSS 尺寸单位详解:px、em、rem、vh、vw、rpx
-
px:像素,指定一个固定的像素值作为尺寸单位,不受其他因素影响。
-
em:相对于父元素的字体大小,1em等于父元素字体大小。
-
rem:相对于根元素 (html) 的字体大小,1rem等于根元素字体大小。
-
vh:视口高度的百分比,1vh等于视口高度的1%。
-
vw:视口宽度的百分比,1vw等于视口宽度的1%。
-
rpx:小程序专用单位,适配不同屏幕尺寸,在不同设备上自适应缩放。1rpx=0.5px(在iPhone6上,1rpx=0.5px,在iPhone5上,1rpx=0.42px,在iPhone6 Plus上,1rpx=0.552px)。
总结:px是固定尺寸,em和rem是相对尺寸,vh和vw是视口尺寸,rpx是小程序专用单位。
原文地址: https://www.cveoy.top/t/topic/lVKS 著作权归作者所有。请勿转载和采集!