css - Bootstrap 3 固定页脚破坏了我的移动网站

Question

我在我的网页上使用固定页脚。

在移动设备上，它固定在页面底部并覆盖其他内容。

如何更改它以便页脚仅固定在大屏幕/桌面屏幕上？

Answer 1

使用 media query css 作为解决方案。

@media (min-width:320px)  { .navbar-fixed-bottom{position:relative !important;} }
@media (min-width:480px)  { .navbar-fixed-bottom{position:relative !important;} }
@media (min-width:600px)  { .navbar-fixed-bottom{position:relative !important;} }

希望这个回答对你有帮助。