Css 在具有最小和最大宽度的SAS中设置断点

嘿，伙计们，我正在尝试一个快速响应的布局，但不知何故，我无法修复这个布局的最小宽度

$mobile: new-breakpoint(max-width 480px 4);
$tablet: new-breakpoint(max-width 768px 8);
$desktop: new-breakpoint(max-width 1336px 10);
$desktopxl: new-breakpoint(max-width 1550px 10);

不知何故，我希望

$desktopxl

只在

1337px

和

1550px

之间使用 但是

我无法设置最小宽度

。请帮帮我。 谢谢。ps:*我试过了

 $desktopxl: new-breakpoint((max-width: 699px) and (min-width: 520px)10);

---

但它不起作用。

你不需要混合。 你所需要做的就是在“最大宽度”旁边做“最小”。 例如，如果您的最大宽度是

700px

巡更下一级，则最小宽度应该是

701px

试试这个

$mobile: new-breakpoint(max-width 480px 4);
$tablet: new-breakpoint(max-width 768px 8);
$desktop: new-breakpoint(min-width 779px 10);
$desktopxl: new-breakpoint(min-width 1337px 10);