Bei der Anzeige eines Bildes auf engstem Raum ist es oft wünschenswert, es einzupassen, ohne das Seitenverhältnis zu beeinträchtigen. HTML und CSS bieten eine elegante Lösung, um dies zu erreichen.
Der Schlüssel zum Beibehalten des Seitenverhältnisses des Bildes liegt in der Verwendung der CSS-Eigenschaften max-height und max-width. So implementieren Sie es:
Wenden Sie max-height und max-width an Bild:
Von Dadurch wird das Bild innerhalb der Div-Grenzen verkleinert oder vergrößert, während sein Seitenverhältnis erhalten bleibt.
Betrachten Sie den folgenden HTML- und CSS-Code:
<div>
In In diesem Beispiel passt das Bild „my-image.jpg“ seine Größe dynamisch an das 48x48-Div an und behält dabei sein Original bei Proportionen.
Das obige ist der detaillierte Inhalt vonWie kann das Seitenverhältnis beibehalten werden, während ein Bild in ein Div eingepasst wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!