Gibt es eine Möglichkeit, die Breite eines Div-Blocks abhängig von seiner Höhe einzustellen?Kann ich die Breite eines Div-Blocks abhängig von seiner Höhe einstellen?
Als Beispiel habe ich einen Block dessen Höhe hängt von der übergeordneten und ich möchte seine Breite abhängig von seiner Höhe festlegen.
Hier ist ein Trick zu tun, wo Sie ein Bild mit 1 hinzufügen: 1 in das Kind
.parent {
height: 250px;
}
.child {
height: 100%;
display: inline-block;
background:#333;
}
.child img {
height: 100%;
position: relative;
opacity:0;
}<div class="parent">
<div class="child">
<img src="https://dummyimage.com/350x350/ffffff/ffffff" />
</div>
</div>Funktioniert es auf dynamische Höhe? – Bozgorian
natürlich können Sie überprüfen, indem Sie die Elternhöhe erhöhen –
I Breite und Höhe in Bezug auf die Fensterbreite verwenden würden. Wie so:
Div { Breite: 50vw; Höhe: }
nur von Javascript – Chris
nicht nur mit CSS. Sie benötigen Javascript oder berechnen es mit serverseitigem Code (obwohl Letzteres eine feste Größe erfordern würde, die Sie vor dem Rendern kennen) – musefan
Mit CSS können Sie nur ein Verhältnis abhängig von Höhe oder Breite festlegen, aber für mehr Sie werden Javascript benötigen. Überprüfen Sie diesen Link: http://www.mademyday.de/css-height-equals-width-with-pure-css.html –