自定义css仅在页面缩小后应用 - Bootstrap

Question

我在自定义css中使用bootstrap。问题是我的自定义css的一些样式只有在我用我的浏览器收缩我的网站后才适用，它适应较小的浏览器大小并且它应用我的自定义css，当网站是全尺寸时，同样的css dosent适用。

我上传了一张图片here。你可以看到右侧文字的样式。它也发生在菜单项中，但奇怪的是，在某些地方它在缩小页面之前和之后正常工作，例如在登录和联系表单的背景下查看图片，它是我的自定义css渐变，它可以在两种情况下，按钮也能正常工作。你可以帮我解决这个问题吗？

顺便说一下，我不知道在这种情况下它是否很重要但我在这里使用joomla 2.5

Answer 1

如果它仅以特定宽度应用，则表示您的自定义CSS在媒体查询中。

我怀疑你的CSS中有错误。我自己已经有了这个，我无意中没有关闭媒体查询，这意味着样式表中在其下面流动的所有CSS仅应用于那些媒体查询约束中。

查看您的CSS并确保所有媒体查询都已正确关闭。您还可以使用W3 CSS Validator验证CSS文件 - 这有助于确定错误的位置。

另外值得一提的是：当我使用Bootstrap时，我总是使用一个完全独立的样式表来完成我的工作（重复类来覆盖需要的Bootstrap样式）。如果将所有当前样式提取到单独的文件中，它将使调试变得更加容易，并且还可以删除您当前遇到的问题（样式似乎嵌入在媒体查询中）。