Sass，@media“767px 不是有效的 css 值”

Sass, @media “767px is not a valid css value”

提问人：R.Walid 提问时间：8/24/2020 最后编辑：Dan MullinR.Walid 更新时间：9/20/2022 访问量：749

问：

由于此错误，我无法运行该项目。enter image description here

声明：

$max767 : only screen and (max-width: 767px);

以下是导致问题的代码：

@media #{$max767} {
  .fc-left,
  .fc-right,
  .fc-center {
    display: flex;
    float: none;
    justify-content: center;
    margin-bottom: $module-rem;
  }
}

提前致谢。

javascript css angular 指南针-sass

评论

答：

3赞 houssk 8/24/2020 #1

您应该以字符串格式声明 $max 767$max767: "(max-width : 767px)"

评论

1赞 Amine 8/24/2020
前缀变量名称 $ => $max 767
0赞 R.Walid 8/24/2020
它已经声明了： $max 767 ： 只有屏幕和 （max-width： 767px）;
0赞 houssk 8/25/2020
您需要添加引号 $max 767： “only screen and （max-width： 767px）”;
1赞 Shawn 1/3/2022
这句话奏效了！
1赞 Dan Mullin 8/25/2020 #2

你的语法有点偏离。这工作原理：

$max767: “only screen and (max-width: 767px)”;
@media #{$max767} {
    /* css here */
}

上一个：节点 sass 未在本地编译

下一个：Rails 6 在为 javascript 测试用例执行茶匙时获取 Module#parent' 已重命名为 'module_parent'