在最小和最大宽度的sass中设置断点

Question

嘿伙计们我正在努力处理响应式布局，但不知怎的，我无法修复这个的最小宽度。

$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之间使用 但是i am not able to set the min width。请帮我。 谢谢。 ps：**我试过了

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

但它没有用。

Answer 1

你不需要分钟和混合。 你所需要的只是在最大宽度旁边做min。 比如说。如果您的最大宽度为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);