Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS calc()以不同的方式编写_Css_Minify_Css Calc - Fatal编程技术网

CSS calc()以不同的方式编写

CSS calc()以不同的方式编写,css,minify,css-calc,Css,Minify,Css Calc,我对CSScalc()函数和CSS缩微器有问题。在我的source.css文件中,我有一个变量 margin-left: calc(15px - 20%); 但是,当使用minifier翻译源文件时,我会得到输出 margin-left: calc(-20%+15px); 在网络浏览器中无法正确读取该值-我在Chrome开发选项中只能看到左边距:calc(-20%+15px);,旁边的警告标志上写着“无效的属性值” 我怎样才能避免这种情况,也许可以用不同的方式编写calc()函数来解决这个问

我对CSS
calc()
函数和CSS缩微器有问题。在我的source.css文件中,我有一个变量

margin-left: calc(15px - 20%);
但是,当使用minifier翻译源文件时,我会得到输出

margin-left: calc(-20%+15px);
在网络浏览器中无法正确读取该值-我在Chrome开发选项中只能看到左边距:calc(-20%+15px);,旁边的警告标志上写着“无效的属性值”


我怎样才能避免这种情况,也许可以用不同的方式编写calc()函数来解决这个问题?更改source.css文件中变量的位置不会进行任何更改,而且我也没有选择使用不同的minifier。

您可以尝试这样编写:

.box{
左边距:计算值(-1*计算值(20%-15px));
}


您使用的是哪款迷你手机?如果相关,则添加到问题将取决于您正在使用的缩微器,以及它是否具有解析calc函数的设置,请尝试使用类似于此calc(“15px-20%”)的内容;Minifier是未知的,至少目前是未知的,它的设置无法更改。我们通过远程接口使用它,我们团队中没有人对此一无所知。我们应该按现有的方式使用它,更改它是最后一个选项。@Temaniaf如果我有一个div包含关于用户的内容。在这种情况下,我试图定位一个地图(谷歌地图),它的起点应该是用户内容宽度的(-20%+15)(换句话说,离用户内容还有一点距离)。地图的宽度也进行了数值计算,宽度为:calc(145%-55px);宽度工作正常,我猜minifier在读取负百分比时有问题