title: How to set dynamic div height based on screen resolution using angular 5
body: <p>I need to set a div height based on screen resolution. I am using angular 5 for coding. Even when the screen is zoomed in or zoomed out the div height should fit the place</p>
  
  <p>This is my html part</p>
  
  <pre><code>&lt;div [style.height.px]="divHeight"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And in my ts file </p>
  
  <pre><code>this.divHeight= window.innerHeight - 202;
  </code></pre>
  
  <p>This works only when my screen is 100% zoom. I need the div height adjusted even when the screen is zoomed in or zoomed out. Plz help me out.</p>