7

私はこれが少なく、文字列内で計算を行う方法がわかりません

@bp-tablet-landscape: 1024px; 
@bp-tablet-portrait : 768px;
@tablet-landscape-only: ~"only screen and 
 (min-width:@{bp-tablet-portrait} + 1) and (max-width: @{bp-tablet-landscape})";

使用法

div#header {

 @media @tablet-landscape-only {
      background: #000; 
 }
} 

しかし、それは正しくコンパイルされません。私が望んでいたように、768px + 1 を追加しません。何か案は?色々な味を試しましたが、なかなか合いません。もちろん、文字列 concat の外で変数を定義することもできますが、可能であればそのアプローチは避けたいと思います。

winLess オンライン コンパイラの出力

@media only screen and (min-width:768px + 1) and (max-width: 1024px) {
  div#header {
   background: #000;
  }
}

769px代わりにそこに入りたい768px + 1

4

1 に答える 1