HTML: Image/Image hauteur pourcentage

Question

Encore une fois moi avec une de mes questions étranges: Qu'est-ce que j'ai mal fait ?!
Ok, sérieusement maintenant, je me suis juste coincé pendant que je dessinais ma page web de façon désinvolte et soudainement quelque chose d'étrange s'est produit.

---

j'avais une image (background-image d'un div) avec un pourcentage de hauteur de 90%. Pour des raisons de sécurité, afin qu'il affiche au moins un peu approprié sur tous les appareils de taille d'affichage, j'ai utilisé un repli min-height de 300px. Quand j'ai à nouveau commencé cette même page Web, tout à coup, il n'atteindrait pas 90% de la hauteur du site webbrowsers, et à la place, utilise le "fallback" de 300px. Qu'est ce qui a changé? Après avoir supprimé le repli, l'image ne s'est pas affichée du tout (et j'utilise un très grand écran de jeu), comme si j'avais une taille de navigateur de 0. Que s'est-il passé?

---

Je peux comprendre votre besoin d'un code, mais cette page est presque terminée et contient des informations importantes que je ne peux pas montrer. Par conséquent, essayez de répondre théoriquement à ma question avec les informations données ci-dessus. Si vous avez besoin de plus d'explications à cause de mes mauvaises informations, n'hésitez pas à demander dans un commentaire!
Merci pour toute l'aide que je peux obtenir,
VicStudio

Answer 1

je viens de faire en remplaçant simplement le 90% with 90vh. Je parie qu'il y avait quelque chose avec les éléments parents et d'autres choses.
J'espère que cela peut aider n'importe qui dans le futur avec le même problème.
VicStudio

Merci pour tout le monde qui a essayé de le résoudre :)