title: How to detect screen size for responsive web design?
body: <p>I googled this and got a <a href="http://www.quirksmode.org/m/tests/widthtest.html" rel="noreferrer">quirksmode site</a> that gives you your screen size.  Pulling up the console I see that <code>screen.width</code> and <code>screen.height</code> are directly available from the window object.</p>
  
  <p>I want to do the detection in pure JavaScript to get started.  Can I use this property across all devices and browsers - mobile, tablet, PC and Chrome, Safari, IE, Firefox.</p>
  
  <p>I don't care about the view port changing due to re-sizing etc.  Just the actual size of the screen which does not change.</p>
  
  <p>I was hoping there was a single property I could check across devices and browsers.</p>
  
  <p>Here is some general info by <a href="https://en.wikipedia.org/wiki/Responsive_web_design" rel="noreferrer">wikipedia on responsive web design.</a></p>