圖像div在調整瀏覽器大小時發生位移

我有一個引導頁面，它完全是resposnive。圖像div在調整瀏覽器大小時發生位移

但由於某種原因，當我調整瀏覽器的大小時，其中一個div的圖像正在移動。

我的代碼結構是這樣

<body> 
    <div class="header-wrapper"> 
    ----- 
    </div> 

    <div class="content-wrapper"> 
    ---- 
    </div> 

    <div class="content-wrapper"> 
    ---- 
    </div>  
</body>

有什麼標準，應該去過那裏，我很想念關於這些位移，或者是一些與我編寫的代碼？

請建議

來源

2015-09-07 Suraj

我建議在JSFiddle中發佈代碼片段 https://jsfiddle.net/ –

請創建一個問題的演示。 –

需要關於此問題的更多信息 –

添加「IMG響應」類的圖像標籤

<img src="..." class="img-responsive" alt="Responsive image">

http://getbootstrap.com/css/#images-responsive

來源

2015-09-07 12:38:14 MSHasan

一些引導的元素不佈局內摸出如果您沒有用div.container或div.container-fluid將整個html內容包裹在body標籤中。它看起來不像你從共享代碼那樣做的。見下：

<body> 
<div class="container"> <!--To wrap the doc, or conatiner-fluid for a wider container. --> 
    <div class="header-wrapper"> 
    ----- 
    </div> 
    <div class="content-wrapper"> 
    ---- 
    </div> 
    <div class="content-wrapper"> 
    ---- 
    </div> 
</div> <!--add @ end of doc --> 
</body>

以上，如果你還沒有用容器包裝你的文檔，我的第一個建議。

來源

2015-09-07 12:39:52

圖像div在調整瀏覽器大小時發生位移

回答

相關問題