如何在LESS的媒体查询中转义反斜杠？

Question

我遇到了一些问题，需要在LESS中转义反斜杠。以下是我的代码：

issues escaping a backslash in LESS。

/* Internet Explorer 9-10 */
@media screen and (min-width: 0\0) {

}

任何建议都将不胜感激。

非常感谢。

- M Salauddin Morshed

Answer 1

@min-width: ~"screen and (min-width: 0\0)";

@media @min-width {
    .box {
        width: 100%;
    }
}

输出结果为：

@media screen and (min-width: 0\0) {
  .box {
    width: 100%;
  }
}

编辑

要转义一个字符串，请使用“~”，例如：

@media screen and (min-width: ~"0\0") {
    .box {
        width: 100%;
     }
}

- Bart Burg

---

没问题，随意给任何答案点赞或接受。 - Bart Burg

Answer 2

来自LESS文档：

字符串函数

e

CSS转义，用~"value"语法替换。

它期望一个字符串作为参数并返回其内容，但不带引号。它可以用于输出CSS值，这些值要么不是有效的CSS语法，要么使用Less无法识别的专有语法。

可以按以下方式使用：

@media screen and (min-width: ~'0\0') { ... }

这也可以被称为函数（使用e(...)，文档中没有提到）：

@media screen and (min-width: e('0\0')) { ... }

- James Donnelly