Question

我目前在使用我的网站时对图像做出响应时遇到问题。我可以让它在小提琴上工作，但不是我的页面。

这是小提琴代码

的jsfiddle

的CSS：

div.imggg img {
width: 100%;
height: auto;
}

HTML：

<div class="imgg">
<img src="http://studio2d3d.com/wp-
content/uploads/2017/06/ShampooAd_Timeline.gif" width="200" height="200">
</div>

我的页面 HTML：

<div class="boldgrid-section">
<div class="container">
<div id="cf" class="imggg">
<p class="mod-reset"><img class="bottom" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_E.jpg" style="width: 80%; max-width: 600px;"></p>
<p class="mod-reset"><img class="top" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_OG.jpg" style="width: 80%; max-width: 600px;"></p>
</div>
</div>
<h2 class="col-md-12 col-xs-12 col-sm-12 color1-color">
</h2>
<div class="container"><div class="row" style="padding-top: 45px;">
</div></div>
</div>

有什么想法吗？

Answer 1

内联样式优先于外部样式，使用外部样式声明这些内联样式。由于您使用的是bootstrap，我建议您在图像上设置图像类

img-responsive

如何在响应式css上使用ID标签？

1 个答案: