html - 填充上的属性名称无效

Question

我有不同padding的价值观基于media queries。但是，经过检查，这些填充值没有被实现，它被返回了invalid property values，我不确定为什么？

我的scss：

.myAccount {
  padding: 140px 0 40px 0;
  @include media-breakpoint-up(md) {
    padding: 180px ​0 100px 0;
  }
  @include media-breakpoint-up(lg) {
    padding: 200px ​0 130px 0;
  }
  @include media-breakpoint-up(xl) {
    padding: 220px 0 120px 0;
  }
}

在大屏幕（即 1200 像素）上，将140px 0 40px 0应用默认填充 ( )，因为媒体查询没有启动。

标签： htmlcsssass

Answer 1

这非常难以调试，纯粹的运气帮助了我。当我将您的代码粘贴到 codepen 中时，我意识到您在前两个填充声明中的零之前有一个宽度为零的空格符号，请检查一下：

删除那些必须解决问题