相关疑难解决方法(0)

我正在使用的Less编译器(OrangeBits和dotless 1.3.0.5)正在积极地进行翻译

body { width: calc(100% - 250px - 1.5em); }

成

body { width: calc(-151.5%); }

这显然是不希望的.我想知道是否有办法向Less编译器发出信号,在编译期间基本上忽略该属性.我搜索了Less文档和两个编译器的文档,但我找不到任何东西.

Less或less编译器是否支持此功能？

如果没有,是否有一个CSS扩展器呢？

新的vw(和vh,vmin和vmax)CSS单元非常有用calc.两者都在Chrome中工作正常(后者作为前缀-webkit-calc),但由于某种原因,我发现calc属性值包括v*单位,例如width: -webkit-calc(95vw - 25em)产生无效的属性值.这还没有实现,还是规范或错误？

我在我的项目中使用reactjs使用蚂蚁设计框架。我正在尝试实现一种布局设计，其中页脚应贴在屏幕底部，页眉应固定在顶部，只有内容应调整其大小，如下所示

--------------------------------
|          HEADER              | 
--------------------------------
|       |                      |
|       |                      |
| LIST  |       CONTENT        |
|       |                      |
|       |                      |
--------------------------------
|          FOOTER              | 
--------------------------------

以下是我想做的现场示例

https://codesandbox.io/embed/j4rkr509o3

我不确定如何使它起作用，如果有人能帮助我，那将非常好。

干杯。

我有一些组件，其中一些用 px 调整大小。其他我想要可变大小。但是，由于组件具有固定的 px 高度，因此可变大小的组件不是页面的恒定百分比。所以我希望一个组件大约是屏幕高度（'80vh'）的 80% 减去另一个组件的高度。我希望使用类似的东西

style={{height:'80vh-40px'}} 

但这不起作用。

我找到了这个页面很接近，但我的程序无法识别该 calc 函数。我是否需要从某个图书馆要求它？

关于如何使这项工作的任何想法？

谢谢！