Макс-высота и максимальная ширина не работают

Question

Я пытаюсь показать изображение разного размера на моей домашней странице. Я использую max-width и max-height, но изображения не украшают правильно. Я использую bootsrap. Вот мой 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

Попробуйте добавить тип устройства (точек,%, эм и т.д.) на номер ширина/высота:

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