html - 最大高度和最大宽度不起作用

Question

我想在我的主页上显示不同大小的图像。我正在使用最大宽度和最大高度，但图像装饰不正确。我正在使用 Bootstrap 。这是我的 PHP 代码:

<? while($chanelrow = mysqli_fetch_array($result)) { ?>
<div class="row">
        <div class="col-md-4">
                <a href="#">
                        <img class="img-rounded" src="<?=$chanelrow['chanel_logo']?>" style="max-width:200; max-height:200" alt="">
                </a>
        </div>
        <div class="col-md-8">
                <h3>Project Two</h3>
                <h4>Subheading</h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Ut, odit velit cumque vero doloremque repellendus distinctio
                maiores rem expedita a nam vitae modi quidem similique ducimus!
                Velit, esse totam tempore.</p>
                <a class="btn btn-primary" href="#">View Project <span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
</div>
<? } ?>

如何处理我的图片尺寸？

Answer 1

尝试将单位类型(px、%、em 等)添加到宽度/高度数字:

<img class="img-rounded" src="<?=$chanelrow['chanel_logo']?>" style="max-width:200px; max-height:200px" alt="">