前端中使用到的单位

发布时间 2023-06-20 11:26:35作者: 有只小菜猫

(1)pt|px|em|rem

pt(点):绝对长度单位。常用与印刷中1pt=1/72英寸

px(像素):相对长度单位。相对于显示器分辨率而言。

em:相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了,且设置了文本大小,父级大小随文本改变,继承父级元素的字体大小】

rem:CSS3新增相对长度单位。相对于HTML根元素。flexible.js淘宝移动端适配框架使用

(2)vw|vh

vw:相对于视口宽度

vh:相当于视口高度

(3)rpx

微信小程序中的css尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽度为750px