title: Scaling down div height when browser is scaled down
body: <p>I set a div to <code>height: 400px;</code> and <code>width 100%;</code></p>
  
  <p>I want it to become smaller when the browser is scaled down. <code>max-height: 400px</code> would be an answer, but then the div becomes 0px high... if you understand what I mean. The div isn't 400px high anymore with max-height: 400px;</p>
  
  <p>The content of the div is text. this text is still visible but I need the whole div to be 400px heigh (for background-color and for the div's below this div). </p>
  
  <p>What I want: i want a div with a min-height but would scale down when the browser is scaled down...</p>