calc()

知有的头像
知有
180

calc()可以用在下列的属性中:

lenght、frequency、angle、time、percentage、number、integer等等。

calc()中能够使用+、-、*、/来进行运算,在进行计算的时候能够为两个不同单位的值来计算,在需要的时候还能够使用小括号来建立计算顺序。

这个属性能够让我们非常方便的去计算内容占据大部分视口高度,能够使用相对的vh和绝对单位px来进行混合运算。

由于vh能够动态的刷新,使用calc也能够使窗口动态的变化,这也是它的优点之一。

我们还能够通过css自定义属性来扩展calc的功能。

在使用calc时的注意事项:

使用运算符两边要有空白。

用0作为除数的时候会报错。

calc函数支持嵌套,但支持的方法是:把被嵌套的calc函数全当成普通的括号,所以用括号就行。

calc函数的跨浏览器支持非常的好。

用户评论
评论列表