css单位我们常用的是px,也即是像素。随着网页开发自适应的要求，css3新增了许多单位，rem、vw和vh、vmin和vmax、ch和ex等。 em 做前端的应该对em不陌生，不是什么罕见的单位，是相对单位，参考物是父元素的font-size，具有继承的特点。如果字体大小是16px（浏览器 ...

的1% vh Viewport高度， 1vh 等于viewport高的的1% CSS3使用Calc calc ...

1、px：像素，精确显示 2、em：继承父类字体的大小，相当于“倍”，如：浏览器默认字体大小为16px=1em，始终按照div继承来的字体大小显示，进场用于移动端 em换算工具 ...

转自：https://blog.csdn.net/qq_24581629/article/details/72377300 vh/vw 　　vh: 相对于视窗的高度, 视窗被均分为100单位的vh; 　　vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; 　　vmax ...

vh/vw　　vh: 相对于视窗的高度, 视窗被均分为100单位的vh;　　vw: 相对于视窗的宽度, 视窗被均分为100单位的vw; 　　vmax: 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax;　　vmin: 相对于视窗的宽度或高度中较小的那个。其中最 ...

什么是calc()? calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能; MDN的解释为可以用在任何长度,数值,时间,角度,频率等处; 可以用 + - * / 符号来进行运算; 但需要注意的是 + - 必须用空格隔开 ...

...

1、px 像素，我们在网页布局中一般都是用px。 2、百分比 百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。 3、Viewport viewport：可视窗口，也就是浏览器。 vw Viewport宽度， 1vw 等于 ...