Question

我有这个响应式页面：

http://iac.e451.net/perfil.html

但我无法将图像宽度调整到上部div列宽度：

http://iac.e451.net/perfil-2.html

（。img-responsive类不起作用）

我该怎么做？

谢谢！

这是HTML：

<div class="row row-imagen">
        <div class="col-centro col-sm-6 col-lg-5 col-sm-offset-4">
        <div class="cont-imagen">
            <img src="dist/img-contenido/imagen.jpg" alt="" class="img-perfil">
        </div>
    </div>
</div>

这是de CSS / LESS

  .row-imagen {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 15px;
    .cont-imagen {
      max-width: 100%;
      img {
        max-width: 100%;
      }
    }

问题是图像宽度不适合上部div宽度（类.col-centro）

Answer 1

解决。问题是使用＆＃34; max-width＆＃34;属性。我已将其更改为＆＃34; width＆＃34;它的工作原理。这是相同的问题：

How to set max width of an image in CSS

响应式图像行为

1 个答案: