Begrenzen Sie die Höhe eines Imgs und lassen Sie ihn skalieren

Ich versuche CSS zu verwenden, um die Höhe eines img zu begrenzen. Wenn seine Höhe größer als die angegebene Höhe ist, sollte sie auf die gewünschte Höhe herunterskalieren und die Breite ebenfalls skalieren. Sie haben keine Eltern.Begrenzen Sie die Höhe eines Imgs und lassen Sie ihn skalieren

Ich habe mit diesem kommen:

img { 
    max-height: 500px; 
    width: auto; 
}

Es funktioniert nicht.

Quelle

2017-03-03 don01234

, was genau passiert, wenn Sie sagen: "Es funktioniert nicht"? Es sollte gut funktionieren. https://jsfiddle.net/sby8dpsa/ – andi

Der Code, den Sie verwenden, sollte funktionieren. Höchstwahrscheinlich haben Sie andere CSS-Regeln mit einem stärkeren Selektor. Bitte geben Sie eine [mcve] Ihres Problems an, damit wir sie überprüfen und beraten können. –

Sie brauchen nicht einmal die 'Breite' Deklaration - 'max-height' sollte ausreichen. – Christoph

Wenn Sie reaktionsfähig machen möchten, sollten Sie% an die Stelle von px setzen; Dieser Link wird Ihnen helfen. https://www.w3schools.com/css/css_rwd_images.asp

Quelle

2017-03-03 14:57:13

Sie können dieses Bild als CSS-Hintergrundbild verwenden und dabei auch die Eigenschaft 'Hintergrundgröße' verwenden.

IE:

.img-wrap { 
    background: url(/path/to/image.jgp) no-repeat; 
    background-size: cover; /* 'cover' is one of many other options */ 
}

CSS background-size Property

Quelle

2017-03-03 16:53:57 erier

Begrenzen Sie die Höhe eines Imgs und lassen Sie ihn skalieren

Antwort

Verwandte Themen