位置：固定属性不适用于小屏幕

Question

我必须使用div，一个固定在顶部，另一个固定在底部。

它们固定在大屏幕（计算机）上，但不固定在小屏幕（手机）中。

我的CSS：

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}
.navbar-fixed-top {
  top: 0;
}

访问website进行演示！

Answer 1

如果你在桌面上检查移动视图也没有修复，因为在bootstrap响应css中定义了css

只需在代码中更新以下css：

@media (max-width: 979px)
   .navbar-fixed-top, .navbar-fixed-bottom {
       position: fixed;
   }
}

Answer 2

简单（在媒体查询中）

media query@media (max-width: 979px)
bootstrap-responsive.min.css:9 .navbar-fixed-top, .navbar-fixed-bottom { position: static; }

将position:static替换为position:fixed

Answer 3

看起来你的身体在较小的屏幕设备上有一个填充物，这就是引起问题的原因，而不是固定的定位本身。

Answer 4

这是因为这种风格

在979px或更低的屏幕上将导航栏的属性更改为静态