title: Black border arround content in Electron
body: <p>I use electron to convert a video game made with Phaser 2 to a .exe. But arround my content, I have some border or margin.</p>
  
  <p>I tried to use full screen to change that, I also tried with useContentSize but the problem was not solve.</p>
  
  <p>So this is my JS file : </p>
  
  <pre><code>const { app, BrowserWindow } = require('electron')
  
  let win;
  
  function createWindow () {
    // Cree la fenetre du navigateur.
   win = new BrowserWindow({
      //width: 886,
      //height: 473,
      useContentSize : true,
      autoHideMenuBar : true,
      icon: "favicon.ico",
      //met la fenetre sans bordure 
      //frame : false,
      //fullscreen : true,
    })
  
    //load the index.html.
    win.loadFile('src/junkbuster.html');
    win.setMenuBarVisibility(false);
    win.setMenu(null);
    //win.setContentSize(1700,1200);
  }
  
  app.on('ready', function(){
    createWindow();
  
    console.log(win.getContentBounds());
  
    //800,600 =&gt; 786, 563
    console.log(win.getSize()+"=&gt;"+win.getContentSize());
  
  });
  </code></pre>
  
  <p>And this is my HTML file</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;script src="./phaser.js"&gt;&lt;/script&gt;
      &lt;script src="./index.js"&gt;&lt;/script&gt;
      &lt;style type="text/css"&gt;
      body {
          background-color: black;
          width:100vw;
          height:100vh;
          margin:0px;
      }
      body * {
          margin-left: auto;
          margin-right: auto;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  </code></pre>