Sass 断点和最大宽度之间的区别是什么，它们的最佳用例是什么？

vs

有没有合适的方法来使用最大宽度？

---

一个比另一个表现好吗？我试图理解这两种方法的优缺点。

它们只是SASS和CSS的写作方式@包含断点被编译为css3@media。就你而言：

  .about-wrapper{
      width: 100%;
      @include breakpoint($large) {
         width: 600px;
         height: 338px;
         margin-left: -300px;
         margin-top: -190px;
    }
  }

汇编为：

$large = 100px;

@include breakpoint($large) {
    ...
}

如果要改为将断点设置为“最大宽度”，请执行以下操作：

@media (min-width: 100px) {
    ...
}

将编译为：

$large = max-width 100px;

@include breakpoint($large) {
    ...
}

---

断点是来自某个SASS库的混合。我打赌你正在使用。这个mixin编译成@media语句，所以这并不是一个比另一个好，而是管理媒体查询的不同方法

$large = max-width 100px;

@include breakpoint($large) {
    ...
}

@media (max-width: 100px) {
    ...
}