在最小寬度和最大寬度的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和mix。 所有你需要的是在最大寬度旁邊做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);