calc()

Posted 大厨的笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了calc()相关的知识,希望对你有一定的参考价值。

支持盒模型属性

【calc() 可以动态计算元素的宽高... 实现响应式布局,这个属性很厉害】

Less 中的写法

width:-webkit-calc(~"100% - 132px");

width:-moz-calc(~"100% - 132px");

width:-o-calc(~"100% - 132px");

变量写法

@width:100px;

width:-webkit-calc(~"100% - @{width}");

width:-moz-calc(~"100% - @{width}");

width:-o-calc(~"100% - @{width}");

css 中的写法

width:-webkit-calc(100% - 132px);

width:-moz-calc(100% - 132px);

width:-o-calc(100% - 132px);

以上是关于calc()的主要内容,如果未能解决你的问题,请参考以下文章

em-calc 和 rem-calc 的区别

CSS 中calc()神技

calc()函数要导包吗

calc()

小程序 calc() 加空格才能生效

css3中的calc()