css - 在 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仅在1337pxand 1550px But之间使用i am not able to set the min width。请帮我。谢谢。ps：**我试过

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

但它没有用。

Answer 1

你不需要最小和混合。您需要做的就是在最大宽度旁边做最小。像例如。如果您的最大宽度是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);