px % em rem vw / vh 区别

Posted 沿着路走到底

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了px % em rem vw / vh 区别相关的知识,希望对你有一定的参考价值。

px

基本单位,绝对单位 (其他的都是相对单位)

%

相对于父元素的 宽度/高度 比例

em

相对于当前元素的 font-size

rem

相对于根节点的 font-size

vw / vh

1vw 是屏幕宽度的 1%

1vh 是屏幕高度的 1%

vmin 两者的最小值

vmax 两者的最大值

1

以上是关于px % em rem vw / vh 区别的主要内容,如果未能解决你的问题,请参考以下文章

css px em rem % vw vh vm 区别

px,em,rem,vh,vw,vmin,vmax的区别

移动端布局vw和vh、em与rem

移动端布局适配(px,em,rem,vh,vw)

简析 rem,em, px, vw, vh, vmax, vmin

css常用单位总结: px / em / rem / vw / vh / vmax / vmin