LESS -webkit-image-set问题

Question

当我尝试编译下面的代码时，LESS会自动在x之前的空格中添加，找不到方法将其删除。非常沮丧。

LESS：

background-image: -webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x; 

CSS：

background-image: -webkit-image-set(url(images/press-coverage-1x.png) 1 x, url(images/press-coverage-2x.png) 2 x; 

通知 “1”[空格] “X” 之间的空间，和 “2”[空格] “X”

曾尝试过：

LESS：

background-image: -webkit-image-set(url(images/press-coverage-1x.png) ~"1x", url(images/press-coverage-2x.png) ~"2x"; 

background-image: ~"-webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x"; 

background-image: e("-webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x"); 

background-image: %("-webkit-image-set(url(images/press-coverage-1x.png) %s, url(images/press-coverage-2x.png) %s)", "1x", "2x"); 

上述所有想不出的使它工作，最近的一个是最后一个，但是，它增加串绕，这仍然无法工作quoutes。

非常感谢您的时间！

Answer 1

您的代码在较低1.7.0下正常工作。你可以在这里测试它http://lesstester.com/（使用更少的1.7.0）。粘贴下面的代码。你会看到，它不添加任何空格：

.sec-1 { 
    background-image-1: -webkit-image-set(url(images/press-coverage-1x.png) ~"1x", url(images/press-coverage-2x.png) ~"2x"); 
    background-image-2: ~"-webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x"; 
    background-image-3: e("-webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x"); 
    background-image-4: %(~"-webkit-image-set(url(images/press-coverage-1x.png) %s, url(images/press-coverage-2x.png) %s)", "1x", "2x"); 
} 

它产生：

.sec-1 { 
    background-image-1: -webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x); 
    background-image-2: -webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x; 
    background-image-3: -webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x; 
    background-image-4: -webkit-image-set(url(images/press-coverage-1x.png) 1x, url(images/press-coverage-2x.png) 2x); 
} 

至于最后一个，你总是可以串前的波浪，除去从报价CSS。

如果由于某种原因，你不能升级到更小的新版本，你也许对这尝试变量，插值与否：

@x1: 1x; 
@x2: 2x; 

.sec-1 { 
    background-image-1: -webkit-image-set(url(images/press-coverage-1x.png) @x1, url(images/press-coverage-2x.png) @x2); 
    background-image-2: ~'-webkit-image-set(url(images/press-coverage-1x.png) @{x1}, url(images/press-coverage-2x.png) @{x2})'; 
    background-image-3: -webkit-image-set(~'url(images/press-coverage-1x.png) @{x1}, url(images/press-coverage-2x.png) @{x2}'); 
}