title: css for different screen resolutions?
body: <p>If i check <strong>html on 2 different Systems with different resolutions</strong> then the view is distorted.</p>
  
  <p>Is there any way of calculating the screen width and height at run time ?</p>
  
  <p>i lack experience with css but did some research and found about :</p>
  
  <p><a href="https://css-tricks.com/css-media-queries/" rel="noreferrer">https://css-tricks.com/css-media-queries/</a></p>
  
  <p>but there they are suggesting different classes .(if i am not wrong) </p>
  
  <p>My question is it possible to get the height and width at run time and use only one css ?</p>
  
  <p>something like :</p>
  
  <pre><code>.view {
  min-width :"some how gets computed:which device we are using ?"
  min-height :"some how gets computed:which device we are using ?"
  }
  </code></pre>