2017-02-03 5 views
-1

Wie kann ich die Größe eines Bildes unter Beibehaltung des Seitenverhältnisses erzwingen, aber die Breite auf 200px einstellen. Ich habe viele Bilder, jeder von ihnen sind verschiedene Größen, einige sind größer und einige breiter. Aber ich möchte, dass die Breite von jedem von ihnen im Layout 200px ist, egal wie einige von ihnen höher als andere sind. Weiter erkläre ich mehr darüber:Größe ändern Bild basierend auf der Breite

enter image description here

+1

so eingestellt nur die Breite und nicht die Höhe. .. – epascarello

+0

@epascarello ja, ich habe es versucht, aber es schnitt das Bild –

+1

Stellen Sie einfach Breite: 200px' und 'Höhe: Auto' oder Höhe auf nichts und Sie sind in Ordnung. Das H: W-Verhältnis wird automatisch beibehalten, es sei denn, Sie setzen beide Werte auf feste Werte wie "Breite: 200px; Höhe: 200px;". Wenn Sie in einem 4: 3-Bild "width: 200px" festlegen und die Höhe allein lassen, beträgt die Höhe 150px. Bitte kreiere eine Geige, wenn das Bild irgendwo geschnitten wird. – forrestmid

Antwort

1

einfach die Breite in CSS festgelegt und die Höhe als Auto verlassen

<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 200px; height:auto;"> 
 

 
<img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 300px; height:auto;">

Verwandte Themen