查找來自哪裏的邊框

我正在使用Twitter Bootstrap在PhoneGap上創建佈局。查找來自哪裏的邊框

with是768px;

我有這個簡單的HTML：

<div class="container"> 
<div class="span12" style="background: red;"> 
<img src="img/teste.png"> 
</div> 
</div>

我已經取代紅色背景只是爲了檢查，如果寬度是確定的，它是。這是圖像，768px;

這裏是該死留有餘量，當我添加圖像： enter image description here

我已經檢查都bootstrap.css和引導，responsive.css保證金的命令並沒有什麼。

圖像寬度爲768px（選中）。我需要使圖像適合768px。

來源

2012-04-18 Gerep

爲什麼不使用Inspector（右擊，Inspect Element）來查看發生了什麼？ – 2012-04-18 12:14:12

謝謝@EvanMulawski忘記了這一點，現在我注意到，當我添加圖像時，它看起來像'bootstrap-responsive.css'不起作用。 – Gerep 2012-04-18 12:15:54

你看到的是引導網格系統的一部分保證金。它可以正確匹配引導程序中給出的寬度，並且可以通過.row div來抵消內容，而不包括在您的標記中。

所以只要你包住DIV .span12一個.row DIV中，它應該被刪除。

<div class="container"> 
    <div class="row"> 
     <div class="span12" style="background: red;"> 
      <img src="img/teste.png"> 
     </div> 
    </div> 
</div>

來源

2012-04-18 12:24:13

添加該行使邊距看起來稍小一些，但仍然存在。使用螢火蟲我發現CSS計算值不正確，它不會調用正確的樣式。在我的頭文件中，我有這個元元素，它的寬度是711px，不知道爲什麼 – Gerep 2012-04-18 12:28:04

@Gerep添加'img {width：100％;身高：自動; }'到你的CSS來測試圖像是否在屏幕寬度上縮小。 – 2012-04-18 12:30:23

嘗試margin和padding重新設置爲零

*{margin:0px;Padding:0px;}

來源

2012-04-18 12:15:11 Exor

相同的結果...我認爲'bootstrap-responsive.css'在我添加圖片時不起作用，不知道它是否有意義，但是當我添加圖片時，來自'bootstrap-responsive.css的768px寬度'不使用 – Gerep 2012-04-18 12:17:11

查找來自哪裏的邊框

回答

相關問題