css3的calc在less编译时如果被计算应该如何解决
执行数学运算 CSS3 的 calc() 函数允许我们在属性值中执行数学操作。例如，我们可以使用 calc() 指定一个元素宽的固定像素值为多个数值的和。
CSS的calc函数是一个可以使用计算公式进行布局和设置大小规范的函数。通常设置布局和大小，都是如100px和3em这样来设置的，但你可以通过calc函数使用100px + 50px或3em - 1em等进行算术运算来设置。
css3新添加属性box-sizing，在一定程度上解决了上面的问题，而在今天的文章中我们来通过css3新增加的另外一个属性calc()来实现适应布局。
css宽度自适应的问题
假定希望图片显示宽度不超过500画素，CSS可能如下： 以下是引用片段： 以下是引用片段： fit-image{ border：0； max-width：500px；}IE6 不支援 max-width 属性，但是利用 IE 独有的 expression 属性可以迂回的解决这个问题。
现要求如下： 纯CSS实现，不使用JS和table。 文字因为是用户输入的，所以每一行的文字宽度都不是固定的，但是文字只考虑一行的情况，不考虑两行，可以用white-space：nowrap；禁止换行。
用百分比实现 width：50%，这样会根据屏幕的大小来自适应宽度 （插一条calc的属性详解）vw ：Viewport width，即容器（可以是div）的宽度，默认1vw=整个视窗宽度的1%，全屏为100vw。
可以通过width属性设置li中字段的宽度根据实际长度显示宽度。
如何使用CSS3中的calc()属性来表达尺寸
calc()是css3新添加属性，它可以让你使用一个算术表达式来表达长度值，这意味着可以用它来定义p的宽度，并设置margin、padding、border等。
calc() 函数属于CSS3版本内容，用于动态计算长度值。例如：width： calc(100% - 10px)；需要注意的是，运算符前后都需要保留一个空格。
calc()从字面可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。
calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。
从 MDN 的可以查到 CSS 支持动画的属性中的 height 属性如下： height ：yes， as a length， percentage or calc()； // 当 height 的值是 length，百分比或 calc() 时支持 CSS3 过渡。
背景图片使用-pie-background来修复IE6下png透明的问题PIE.htc下载： download解决IE浏览器部分版本不支持background-size属性问题ie6，ie7，ie8下对css background-size并不支持，导致不可以控制背景图片的大小样式。
CSS3的calc()方法怎么使用
calc()的运算规则：使用”+”、”-”、”*”、”/”四则运算；可以使用百分比、px、em、rem等单位；可以混合使用各种单位进行计算。
calc() 函数属于CSS3版本内容，用于动态计算长度值。例如：width： calc(100% - 10px)；需要注意的是，运算符前后都需要保留一个空格。
可以在我的CSS文件的calc()函数中使用平方根函数，我读过calc()只支持像+-*和/这样的基本运算符。
calc()从字面可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。
calc是 css3提供的一个在css文件中计算值的函数：用于动态计算长度值。
如何用css3混合%和px计算宽度
1、两者是可以混用的，只要不要混淆它们的意思就行。width=80% 是针对它父容器宽度的百分之80，而width=80是宽度就是80px（像素）。
2、如果一个导航有横向5个图标，那么640px的宽度，每个容器平均下来则为128px，转换成百分比则为25%(640px则为100%)，百分比方便计算，自适应。
3、你说的计算是指什么呢？在html 和 css 中，所谓的长宽被替换成宽高了。