LESS变量@ grid-breakpoints是什么语法：xs 0，sm 576px，md 768px，lg 992px，xl 1200px；

Question

在bootstrap less port中，我看到了这种语法：

@grid-breakpoints:
    xs 0,
    sm 576px,
    md 768px,
    lg 992px,
    xl 1200px;

是什么？不是地图，不是数组...

例如，如何获得lg的价值？

完全奇怪的是，map-get(@grid-breakpoints, lg)在src / styles.less的angular 7项目中有效，但在src / mycomponent / mycomponent.less的环境中无效。根本不翻译。

Answer 1

很抱歉，由于less，我误读了sass为map-get的问题...仍然-您粘贴的代码与您链接中的代码不一致（您丢失了冒号）。链接中的代码是less maps的简单示例，并且您应该能够使用@grid-breakpoints[lg]访问992px（只要您的less是v3.5 + ）。例如

@grid-breakpoints:
    xs 0,
    sm 576px,
    md 768px,
    lg 992px,
    xl 1200px;

body {
  width: @grid-breakpoints[lg];
}

产生

body {
  width: 992px;
}