CSS规则部分应用

我正在开发一个小的vCards website。我正在使用LESS文件作为响应和网格的基础。CSS规则部分应用

我以前有一个问题，电网不响应（Stack Overflow question）和基于我意识到，我必须与bootstrap.less文件，以获得响应功能同时包括responsive.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，这些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>

以上文字将其行为有点古怪的人。

来源

2013-01-05 Roland

您是否在谈论如何随着宽度的减小将背景网格扩展为全屏？ – zmanc

不，这是我期望的行为:)尝试找到我在问题描述中提到的元素，然后您将看到我在说什么@zmanc – Roland

如果您在谈论没有蓝色背景的两个容器元素格式作为其他大小，您需要查看.container，.container：在其他媒体大小的块之前。当你达到一个尺寸以下（我忘记了什么尺寸），你停止以同样的方式做背景。 – zmanc

如果您正在谈论<h1>标题没有响应，您可以使用slabText或使用wrapper修复它。

来源

2013-01-13 20:32:39

你的HTML是不是您张贴的内容，它是

<figcaption class="headline-container"> 
<div class="headline-inner"> 
<h1>Roland&nbsp;Groza</h1> 
<h4>&lt;&nbsp;Frontend&nbsp;Developer&nbsp;/&gt;</h4> 
</div> 
</figcaption>

而且我看不到，指出410px（你说一个应该被应用在“走出betond 410px”）

任何查询

你能评论应该应用的规则是什么吗？

来源

2013-01-10 09:20:48 vals

我刚刚更新了一天前的内容，这就是为什么它不一样。但这个班还是一样的。 – Roland

CSS规则部分应用

回答

相关问题