Questions tagged «css-calc»

7
CSS calc()函数中的Sass变量
我正在尝试calc()在Sass样式表中使用该函数,但遇到了一些问题。这是我的代码: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) 如果我使用文字50px而不是body_padding变量,那么我得到的正是我想要的。但是,当我切换到变量时,这是输出: body { padding-top: 50px; height: calc(100% - $body_padding); } 如何让Sass认识到它需要替换calc函数中的变量?
1343 css  sass  css-calc 

4
使用CSS3 calc进行不太积极的编译
我正在使用的Less编译器(OrangeBits和dotless 1.3.0.5)正在积极地进行翻译 body { width: calc(100% - 250px - 1.5em); } 进入 body { width: calc(-151.5%); } 这显然是不希望的。我想知道是否有一种方法可以通知Less编译器在编译过程中实质上忽略该属性。我搜索了Less文档和两个编译器的文档,但找不到任何东西。 更少或更少的编译器是否支持此功能? 如果没有,是否有CSS扩展器呢?

6
CSS Calc替代
我正在尝试使用CSS和jquery动态更改div的宽度。以下代码将在以下浏览器中运行:http : //caniuse.com/calc /* Firefox */ width: -moz-calc(100% - 500px); /* WebKit */ width: -webkit-calc(100% - 500px); /* Opera */ width: -o-calc(100% - 500px); /* Standard */ width: calc(100% - 500px); 我还希望支持IE 5.5或更高版本,我发现以下内容:表达式。这是正确的用法吗? /* IE-OLD */ width: expression(100% - 500px); 我还可以支持Opera和Android浏览器吗?
70 css  css-calc 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.