这很简单,当编译以下代码失败并出现错误时:
media.scss 的第 6 行:“...ia (min-width:”: 预期的表达式 (例如 1px,粗体) 之后的 CSS 无效,为“$desktop”
这是代码(尽可能简单):
$desktop: 1920px;
$tablet: 1024px;
$phone: 480px;
// Style adjustments for desktop size
@media (min-width: $desktop) {
}
// Style adjustments for tablet size
@media (min-width: $tablet) and (max-width: $desktop) {
}
// Style adjustments for phone size
@media (max-width: $phone) {
}
这是一个错误吗?也许不可能在使用 SASS 的媒体查询中使用变量。