calc()
知有
180
calc()可以用在下列的属性中:
lenght、frequency、angle、time、percentage、number、integer等等。
calc()中能够使用+、-、*、/来进行运算,在进行计算的时候能够为两个不同单位的值来计算,在需要的时候还能够使用小括号来建立计算顺序。
这个属性能够让我们非常方便的去计算内容占据大部分视口高度,能够使用相对的vh和绝对单位px来进行混合运算。
由于vh能够动态的刷新,使用calc也能够使窗口动态的变化,这也是它的优点之一。
我们还能够通过css自定义属性来扩展calc的功能。
在使用calc时的注意事项:
使用运算符两边要有空白。
用0作为除数的时候会报错。
calc函数支持嵌套,但支持的方法是:把被嵌套的calc函数全当成普通的括号,所以用括号就行。
calc函数的跨浏览器支持非常的好。