改变位置固定在相对位置，反之亦然

Question

我想位置：固定到只在我在大屏幕上显示应用程序时工作。如果我在移动，我不希望位置：固定。我的scss有什么问题？我实际上只是从另一个stackoverflow帖子中获取了这个想法。

.page {
  overflow: hidden;
  min-height: 100vh;
  .sidebar {
    position: fixed;
    @media #{$small} {
      position: relative;
    }
  }
}

Answer 1

我想通了，它工作得很好！

.page {
  overflow: hidden;
  min-height: 100vh;
  .sidebar {
    @media only screen and (min-width: 400px) {
      position: fixed;
    }
  }
}

Answer 2

根据zurb基金会

.page {
  overflow: hidden;
  min-height: 100vh;
  .sidebar {
        position: relative;
        @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
            position: fixed;
        }
  }
}