css - 网页视图顶部的顶部栏，但移动底部而不是顶部

Question

我想在上面的网络视图中有标题“顶栏”。但在手机中不是顶部而是底部。这是如何运作的？

谢谢你

标签： csszurb-foundation

Answer 1

您可以使用 position: fixed 来执行此操作。

.top-bar {
  position: fixed;
  bottom: 0;
  left: 0;

  @include breakpoint(medium) {
    top: 0;
    left: 0;
  }
}