用LESS設置單變量的最小和最大斷點？

Question

我試着設置一個媒體查詢斷點用量少，所以我可以有這樣的事情：

@media (max-width: 1000px) { 
    // something 
} 
@media (min-width: 1001px) { 
    // something 
} 

我想一個地方來控制斷點。以下是沒有工作。這只是一個語法問題，還是我正在以這種錯誤的方式進行？

@breakpoint: 1000; 

@breakpoint-max: @breakpoint; 
@breakpoint-min: @breakpoint + 1; 

@media (max-width: @breakpoint-max) { 
    // something 
} 
@media (min-width: @breakpoint-min) { 
    // something 
} 

Answer 1

我不確定爲什麼媒體查詢嘗試編譯應該不起作用，除了@SLaks提到的缺失單元。

在你可以應用「移動第一」示例情況：

@breakpoint: 1000px; 

@breakpoint-max: @breakpoint; 
@breakpoint-min: (@breakpoint + 1); 

//something 
p { 
color:red; 
@media (min-width: @breakpoint-min) { 
    // something 
    color:green; 
} 
} 

上述編譯成默認的代碼如下所示：

p { 
    color: red; 
} 
@media (min-width: 1001px) { 
    p { 
    color: green; 
    } 
} 

的顏色總是紅色，除非屏幕寬度大於1000像素。 另請注意@breakpoint-min: (@breakpoint + 1);中的括號。括號在這種情況下的要求取決於sm選項：

-sm = on | off打開或關閉嚴格的數學，在嚴格模式下，數學。

--strict-math = on | off需要括號。此選項可能默認爲打開，然後在將來刪除 。

Answer 2

您從未指定過單位。

您需要將變量設置爲1000px。