html - 部分应用了 CSS 规则

Question

我正在开发一个小的 vCards website .我正在使用 Twitter Bootstrap LESS 文件作为响应性和网格的基础。

我之前遇到过一个问题，网格没有响应(Stack Overflow question)并且根据答案我意识到我必须将 responsive.less 文件与 bootstrap.less 文件以获得响应特性。

在解决了这个问题之后，我仍然遇到了更多奇怪的行为:

<div class="headline-container pull-left">
    <div class="headline-inner">
        <h1>Roland Groza</h1>
        <h4>Frontend Developer</h4>
    </div>
</div>

检查 DOM 并查找上面的标记。现在，如果您开始将窗口的大小调整到最小，在 410px 和 514px 之间，您会注意到标记将继承一些应该应用的 CSS对于 MQ 规则 @media (max-width: 480px) { }，但只是其中的一部分，因为 Twitter Bootstrap 也有一些 CSS 用于该规则，仅在超出 时应用410px 且不高于。

以前是否有人遇到过相同的行为，如果有，是否有解决方法？

编辑:您应该寻找的 CSS 更改是标题上的字体大小和边距/填充:

<h1>Roland&nbsp;Groza</h1>
<h4>&lt;&nbsp;Frontend&nbsp;Developer&nbsp;/&gt;</h4>

上面的文字会有点奇怪。

Answer 1

如果您谈论的是 <h1>标题没有反应，你可以使用 slabText或者用 wrapper 修复它.