图像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在调整浏览器大小时发生位移

回答

相关问题