IE ne supporte pas height = auto pour les images, que dois-je utiliser?
J'ai quelques images avec height = auto car parfois elles ont des hauteurs différentes alors qu'elles ont toujours la même largeur. Cela fonctionne dans tous les navigateurs sauf I.E., puis-je utiliser quelque chose de similaire?
La solution consistait à ajouter le correctif typique IE :(
css:
height:auto !important;
J'ai trouvé cela en ajoutant min-height: 1px a résolu le problème. Je ne sais pas pourquoi, mais ça a marché pour moi.
Va t'en
height=auto
en dehors. Si ce n'est pas donné c'est "auto" par défaut ...
Utilisez height: auto avec width: auto et cela fonctionnera dans IE. Si vous n'en spécifiez qu'un, IE s'énerve.
height: auto;
width: auto;
j'ai essayé toutes les solutions affichées, et la seule qui fonctionne est
height=100%
Pour le navigateur Edge, vous pouvez utiliser max-height, qui fonctionnera également pour les autres navigateurs.
max-height: 100%;
Vous pouvez faire width="100%" et max-width="100px" ou la largeur de votre choix, puis simplement height="auto". Cela a fonctionné pour moi.
En outre, vous aurez peut-être besoin de min-width width votre largeur souhaitée si votre élément parent n’a pas la largeur souhaitée pour votre image.
Il existe également un problème avec IE lors de l'utilisation d'images avec height=auto dans des conteneurs flexibles.
Pour moi personnellement, le problème était dû au fait que l'image était placée dans des conteneurs Flex imbriqués. J'ai pu retirer le conteneur Flex parent et le problème a été résolu pour moi.
Les utilisateurs ont mentionné quelques solutions supplémentaires dans la page ci-dessous: https://github.com/philipwalton/flexbugs/issues/75