Max-Höhe wird in Firefox ignoriert, funktioniert in Chrome und Safari

Question

Ich mache eine Diashow von Bildern mit der Klasse display . Ich möchte die Höhe und Breite des Bildes auf maximal 80 % des Fensters begrenzen, so dass bei normaler Größe keine Bildlaufleiste erforderlich ist. Hier ist das CSS, das ich verwendet habe:

.display {
    max-width: 80%;
    max-height: 80%;
}

Es funktioniert genau so, wie ich es in Chrome und Safari haben möchte, und auch Firefox erkennt die maximale Breite an. Aber Firefox ignoriert die max-Höhe, so dass große vertikale Bilder aus dem Bildschirm verschwinden.

Vielen Dank für jede Hilfe.

Answer 1

Ändern von max-heigth a 80vh hat für mich funktioniert.