% Einheit in MS Edge-

Der folgende Code für ein Bild soll 80% der Browser-Höhe füllen:% Einheit in MS Edge-

<div style="max-height:80vh;"><img src="(img url)" style="max- 
height:100%;"></div>

Das Bild wird völlig in Ordnung in allen Browsern außer Edge, die die vollständig zu ignorieren scheint CSS. Mit "Quelle anzeigen" hat der Browser 80vw bis 546,4px berechnet, was korrekt ist. Es zeigt das div in der richtigen Höhe an, macht aber das img 853px groß (unterhalb des unteren Bereichs des div), obwohl es auch behauptet, dass es die 100% bis 546,4px berechnet hat! Was ist los?

Quelle

2016-11-30 user3794893

Dies funktioniert nicht in Firefox, und auch in Chrom, btw ... – sinisake

Das Problem ist, dass Sie einen max-height Wert für Ihr Elternteil div angeben. Schalten Sie das Div nur auf height. Jetzt hat das 100% etwas, von dem man arbeiten kann.

Quelle

2016-11-30 22:26:59 Culyx

Danke, das funktioniert, aber ich hatte die maximale Höhe in der div dort aus anderen Gründen. Gibt es keinen Weg beides zu tun? – user3794893

Ich bin mir sicher, dass Sie immer noch eine maximale Höhe einstellen können, aber Sie brauchen auch den Höhenwert – Culyx

% Einheit in MS Edge-

Antwort

Verwandte Themen