私はこれが少なく、文字列内で計算を行う方法がわかりません
@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 の外で変数を定義することもできますが、可能であればそのアプローチは避けたいと思います。
@media only screen and (min-width:768px + 1) and (max-width: 1024px) {
div#header {
background: #000;
}
}
769px
代わりにそこに入りたい768px + 1