调整col-md-12类中的图像大小

Question

我创建了一个自适应网站，但有些图片并没有像我希望的那样调整大小 见这个截图：

＆＃13;

＆＃13;

#img1 {
    width: 250px;
    height: auto;
    margin: auto;
    display: block;
    background-size: 20%;
}

＆＃13;

<div class="row">

    <div class="col-md-6" id="mision">
        <img src="imagenes/MISION.png" id="img1">
    </div>

    <div class="col-md-6" id="vision">
        <img src="imagenes/VISION.png" id="img2">
    </div>

    <div class="col-md-12" id="servicios">
        <img src="imagenes/SERVICIOS.png" id="img3">
    </div>

</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您在CSS中为图片元素使用固定宽度，请尝试更改为百分比宽度，例如：

#img1{
    width: 80%;
    height: auto;
    margin: auto;
    display: block;
    background-size:20%;
}

然后，您的列应调整图像的宽度。