我为这样的网格设置了SCSS:
$bp-m: 48em; // 768px
$bp-l: 60em; // 960px
// 768px to 959px
@media (min-width: 48em) and (max-width: 59.938em) {
// Medium to large stuff
}
// 960px
@media (min-width: 60em) {
// Large+ stuff
}
我很好奇可以用sass mixin编写什么来进行最大宽度计算,所以我可以这样做:
$bp-m: 48em; // 768px
$bp-l: 60em; // 960px
// 768px to 959px
@media (min-width: $bp-m) and (max-width: @include emCalc($bp-l)) {
// Medium to large stuff
}
// 960px
@media (min-width: $bp-l) {
// Large+ stuff
}
基本上是一个mixin,它计算网格结构的1px差异并将其转换为em。如果它可以采用em或像素值并将其转换为适当的em,则可以获得奖励。我已经做了一些搜索,但没有太多的运气..任何帮助将不胜感激!