html - Responsive sizing of image inside flex div

Question

Greeting all:

I am struggling a bit with how to make sure my image resizes properly inside a flex div:

<div id="header" style="display:flex;width:100%;">
   <div style="height:100%;width:auto;">
      <img src="filename.png" alt="Avatar" style="height:100%;width:auto"></img>
   </div>
</div>

This is a header on the page and I want the image to show up within the confines of the header and resize if the browser is resized.

Answer 1

等待大神答复