换码 Escape

LESS中使用@media查询时，则可通过换码（Escape）的方式替换媒体查询条件。

---

使用less

@min720: ~"(min-width: 720px)";
.element {
  @media @min720 {
    font-size: 1.2rem;
  }
}

输出css

@media (min-width: 720px) {
  .element {
    font-size: 1.2rem;
  }
}

---

3.5版本以上的less可以写得更简洁：

@min720: (min-width: 720px);
.element {
  @media @min720 {
    font-size: 1.2rem;
  }
}

---

虽然可以写的更简洁，但还是建议暂时别写那么简洁。