Ребят, почему если я картинку помещу во flex и задам ей height: 100% и width: auto, то ее пропорции изменятся (она сожмется / растянется). А если помещу в block, то все будет работать как нужно. Можно как-нибудь сделать так, чтобы и во flex все работало как нужно? https://jsfiddle.net/5Lt0ur67/
А какого результата ты хочешь добиться? И зачем флекс?
я нигде не видел, чтобы такое поведение было описано для flex'ов. что картинка будет менять пропорции, а не вылезать (как у display: block). поэтому и интересно стало, почему так.
я нигде не видел, чтобы такое поведение было описано для flex'ов. что картинка будет менять пропорции, а не вылезать (как у display: block). поэтому и интересно стало, почему так.
потому что по-умолчанию у обертки align-items: stretch - растягивание
он хочет чтобы поведение было таким, несмотря на то что родителю задана ширина 50 пикселей, а картинке 300 пикселей по факту, картинка сохраняет свои пропорции и вылезает из родителя по ширине