title: Electron window dimensions vs screen resolution
body: <p>I've just started playing around with Electron and I'm not quite sure I understand the dimensions of the <code>BrowserWindow</code> object. My current screen resolution is 2880x1800 and yet if I create a <code>BrowserWindow</code> of 1024x768 it nearly fills up the whole screen (see below), while the content is clearly blown up.</p>
  
  <p><a href="https://i.stack.imgur.com/M7GC7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/M7GC7.jpg" alt="enter image description here"></a></p>
  
  <p>As a reference, the blue bar at the top is set by CSS to have only 150px...</p>
  
  <pre><code>mainWindow = new BrowserWindow({
    width: 1024,
    height: 768
  });
  </code></pre>
  
  <p>What exactly is happening and how can I have matching resolutions?</p>