媒體查詢，而不是

Question

我有以下更少的代碼：

@mobile: ~'screen and (max-width: 480px)'; 

然後我用它如下：

@media @mobile { 
    // some code 
} 

它工作正常，但我想也用「不」，如：

@media not @mobile { 
    // some code 
} 

但我得到的錯誤

ParseError: Unrecognised input 

在「不」部分。

可以解決這個問題嗎？

Answer 1

也許你可以做這樣的事情：

定義移動設備的寬度：

@mobileWidth: 480px; 

然後更大的東西是一個非移動設備：

@notmobileWidth: @mobileWidth + 1px; 

產生更少mobile和notmobile的變量：

@mobile: ~'screen and (max-width: @{mobileWidth})'; 
@notmobile: ~'screen and (min-width: @{notmobileWidth})'; 

然後在您的媒體查詢中使用它們：

@media @mobile { 
    // some mobile code 
} 

@media @notmobile { 
    // some not-mobile code 
}