2

我使用 Meteor (fluid.html) 的引导示例。我已将引导程序更新到最新的 2.0.4。

但是，我遇到了一个奇怪的问题，即padding-top: 60px;以错误的方式与

@media (max-width: 979px)
    body {
    padding-top: 0;
}

好吧.. webkit 似乎这样做（出于某种原因仅在 Meteor 上）：

在此处输入图像描述

它最终看起来像这样：

在此处输入图像描述

（黑条上方有一个空隙） - 当然这是流畅的布局，所以需要将浏览器向下拖动到小视图（对于 iPhone/Android/平板电脑）

我将如何设法让浏览器padding-top: 0作为首选，所以它不这样做？或者为什么这样做（css文件以相同的顺序加载 - 先是bootstrap.css然后bootstrap-responsive.css。我不知道有什么区别

（它应该是这样的：http: //twitter.github.com/bootstrap/examples/fluid.html）

4

2 回答 2

2

升级到 2.0.4 后，我仍然遇到在某些分辨率下使用navbar-fixed-top. 这是在某些分辨率下发生的情况：

内容隐藏在导航栏下

在调整 CSS 之后，我想出了以下内容，当添加到我的 CSS 文件顶部时，它可以在所有分辨率下修复它：

@media (min-width: 979px) { body { padding-top: 60px; } }

使用正确的媒体查询正确调整填充

希望这能解决您的问题。

于 2012-07-02T17:28:12.160 回答
0

它不只是这样做...

它的作用不止于此。您应该检查padding-top设置的内容，浏览整个面板并查看设置的内容，这应该会告诉您问题出在哪里。在最坏的情况下，您可以使用padding-top: 0 !important;，尽管应该知道这!important是不好的建议，并且您应该能够绕过而不必添加它。

我不明白 Meteor 是如何负责的，因为据我所知，他们没有添加任何重大的 CSS 更改；但它可能是有的，但你只能知道如果你看在哪里padding-top设置。

于 2012-06-30T22:02:46.223 回答