CSS尺寸单位
em rem vh vw calc(), line-height 百分比
1. px
px是像素单位。它是代表显示器上每一个显示的像素点，根据用户屏幕显示器的分辨率决定。
2. em
em为相对单位，相对于当前元素内文本的字体尺寸。如果当前元素没有指定字体尺寸，那么以浏览器默认的字体尺寸为准。
例如，当前元素设置了字体尺寸为24px，那么2em就代表48px。
3. rem
rem为相对单位，相对于<HTML>元素文本的字体尺寸。如果<HTML>元素没有指定字体尺寸，那么以浏览器默认的字体尺寸为准。
例如，<HTML>元素设置了字体尺寸为24px，那么2rem就代表48px。
4. vw和vh
vw和vh是相对单位，相对于当前视口。
例如，10vw代表当前视口宽度的10%，20vh代表当前视口高度的20%。
5. 百分号
%是相对单位，相对于父元素的相关尺寸。
例如，父元素设置了height: 100px，那么它的子元素height: 50%就代表50px。
6.calc()
calc(): CSS3中新增的一个函数, 用于动态计算宽/高, 语法非常简单，就像我们小时候学加 （+）、减（-）、乘（*）、除（/）一样，使用数学表达式来表示
阅读剩余
版权声明：
作者：chun
链接：https://chun53.top/422.html
文章版权归作者所有，未经允许请勿转载。
THE END