Nehmen Sie eine feste Größe eines Bildes

Question

Ich möchte feste Größe eines Bildes nehmen. Getestet habe ich diesen Code:

.icon4 { 
    display: inline-block; 
    width: 270px; 
    height: 270px; 
    text-align: center; 
    color: #fff; 
    font-size: 130px; 
    line-height: 130px; 
    /*padding: 33px 20px 30px;*/ 
    max-width: 100%; } 
    .icon2:before { 
    display: inline-block; } 
    .icon2.fa-shekel { 
    background: #4884f2; } 
    .icon2.fa-compass { 
    background: #d24f4f; } 

<div class="icon4"> 
    <img src="http://st2.depositphotos.com/1058504/12481/i/450/depositphotos_124811492-Two-businesspeople-discussing-work-in.jpg" alt="" /> 
</div> 

https://jsfiddle.net/be70nhyb/

Wenn ich Bilder mit unterschiedlicher Größe haben das Endergebnis ist, Bilder unterschiedlicher Größe.

Wie kann ich nur feste Größe aus dem Bild nehmen?

Answer 1

hinzufügen "Überlauf: versteckt;" .icon4

Answer 2

Ich glaube, Sie Breite und Höhe wie dieses Bild geben müssen:

.icon4 img { 
    width: 270px; 
    height: 240px; 
}