1. px:像素,指定一个固定的像素值作为尺寸单位,不受其他因素影响。

  2. em:相对于父元素的字体大小,1em等于父元素字体大小。

  3. rem:相对于根元素 (html) 的字体大小,1rem等于根元素字体大小。

  4. vh:视口高度的百分比,1vh等于视口高度的1%。

  5. vw:视口宽度的百分比,1vw等于视口宽度的1%。

  6. rpx:小程序专用单位,适配不同屏幕尺寸,在不同设备上自适应缩放。1rpx=0.5px(在iPhone6上,1rpx=0.5px,在iPhone5上,1rpx=0.42px,在iPhone6 Plus上,1rpx=0.552px)。

总结:px是固定尺寸,em和rem是相对尺寸,vh和vw是视口尺寸,rpx是小程序专用单位。

CSS 尺寸单位详解:px、em、rem、vh、vw、rpx

原文地址: https://www.cveoy.top/t/topic/lVKS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录