Quantcast
Channel: Scale image in flexbox to available width OR height - Stack Overflow
Browsing latest articles
Browse All 3 View Live

Answer by G-Cyrillus for Scale image in flexbox to available width OR height

i believe you missed to make height:100% be inherited from viewport ,for the rest, it is just a matter of flexbox inbrication , flex values overflow and max-size to be reset:( demo to play with...

View Article



Answer by gaaalmeida for Scale image in flexbox to available width OR height

You not defined the width of "dad element"<html><head><title>Title</title><style type="text/css">* {font-size:100%; font:inherit; padding:0; border:0; margin:0}body...

View Article

Scale image in flexbox to available width OR height

I want an image on a webpage to grow/shrink to the available height or width of a flexbox and keep the original aspect ratio.I have used max-height:100%; max-width:100% on the image but that doesn't...

View Article
Browsing latest articles
Browse All 3 View Live


Latest Images