0

I have an <img object-fit="cover" /> within a <div> & need this image

Why does { min-height: 100%; max-height: 100% } isn't the same as a simple height: 100% ??

see precise context below (jsx):

does not work

<body width="100vw" height="100vh">
    <div width="100%" height="100%" padding="10% 20%">
        <div position="absolute" width="100%" height="100%"> // doesn't work
            <img object-fit="cover" flex="0 auto" src="path/image.png"/>
        </div>
    </div>
</body>

works :

<body width="100vw" height="100vh">
    <div width="100%" height="100%" padding="10% 20%">
        <div position="absolute" width="100%" min-height="100%"  max-height="100%"> // works
            <img object-fit="cover" flex="0 auto" src="path/image.png"/>
        </div>
    </div>
</body>
Arielo
  • 1
  • 2

0 Answers0