javascript - CSS 媒体查询修正

Question

我已经像这样构建了我的断点，我需要 1024 个断点。我已经 max-width 1199 发生冲突，有人可以帮我解决这个问题。

// 断点 // ------------------

/* Landscape phones and portrait tablets */

@mixin bp-xsmall-only {
  @media only screen and (max-width: 480px) {
    @content;
  }
}

@mixin bp-small-and-below {
  @media only screen and (max-width: 767px) {
    @content;
  }
}

/* Portrait tablets and small desktops */

@mixin bp-medium-only {
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    @content;
  }
}

/* Landscape tablets and medium desktops */

@mixin bp-large-only {
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    @content;
  }
}

/* Large desktops and laptops */

@mixin bp-large-and-above {
  @media only screen and (min-width: 992px) {
    @content;
  }
}

@mixin bp-xlarge-only {
  @media only screen and (min-width: 1200px) {
    @content;
  }
}