关于 CSS 函数 calc 的一些使用心得,本人一般是在一些布局场景中会经常用到 calc 函数,特别是那种一屏界面的,就是屏幕多大,界面就多大,这种布局要求非常适合 CSS calc 函数的发挥了,通常搭配 100% 来使用,那么就又引出了另一个知识点,在 CSS 中 100% 的问题,在 CSS 中 width 和 height 的百分比是指父元素的 width 和 height 的百分比,也就是基于包裹它的父元素的宽和高来计算的。

此外在 CSS 中使用到百分比比较多的地方就是 line-height 了,line-height 的百分比则是根据字体 font-size 来计算的,还有就是 border-radius 了,border-radius 的百分比则参考值是自身的尺寸了。
展开
评论