2017-08-02 3 views
0

Ist es möglich, eine Bildhöhe und -breite auf die Größe div einzustellen, in der es enthalten ist? Nicht nur background-size: cover verwenden?Einstellung img div size

Oder ist das eine dumme Frage und das ist der einzige Weg, wie Sie es tun können?

+1

Sie meinen 'Breite: 100%; height: 100%'? –

+1

Versuchen Sie immer, Ihre Arbeit zu zeigen, was Sie versucht haben und warum es nicht für Sie funktioniert. –

Antwort

0
  1. einen Klassennamen Geben Sie Ihren div.
  2. Stellen Sie die Bildgröße auf die Größe div. Ein.

.image_containing img{ 
 
height:100%; 
 
width: 100%; 
 
}
<div class="image_containing"> 
 
<img src="xxx.yy"> 
 
</div>

1

Einstellen der Breite und Höhe des Bildes würde zu 100% die imgage strecken, auf der Größe Ihrer Mutter div abhängig.

könnten Sie objekt fit

hier verwenden ein Beispiel:

.cover{ 
    object-fit: cover; 
} 

https://jsfiddle.net/cmaLbvLt/18/