title: Zoom a div with all proportions to fit into another div
body: <p>I have two divs, the #main div that is wrapped around the #content div. The #content has website-like content that is dynamic, but not responsive.</p>
  
  <p>Now I want #content to be as width as #main. The content inside should not brake but zoom the same way it does with the css property 'zoom'. However it should happen dynamically, not in media querys.</p>
  
  <p>Is it possible with CSS only? If not, what is the best Javascript-way to do that?</p>