版权声明:转载博文请注明出处。 https://blog.csdn.net/weixin_41297332/article/details/85013392
vh
height:1vh; 指当前屏幕可见高度的1%,即:
height:100vh ==height:100%
设置为vh,当元素没有内容时候,元素会被撑开和屏幕高度一致。
height:100%则无法撑开。
vw
当前屏幕宽度的1%
width:100%,被设置元素的宽度是以父元素的宽度来设置的
但是100vw是相对于屏幕可见宽度来设置的,所以有坑能出现50vw比50%大的情况。
em
默认1em=16px,它是一个相对值,
当被设置元素的父元素设置了字体大小后。1em等于父元素的设置的字体大小
1.5em即是 1.5*父元素的字体大小
是倍数关系
rem
r就是root的意思,意思就是相对于根节点进行缩放,当有嵌套关系的时候,
嵌套关系元素的字体大小始终按照根节点字体的大小进行缩放
px
1px表示1像素
是最常用的单位
pt
是一个物理长度单位
1pt=1/72 英寸