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規則部分應用

回答

相關問題