title: Resizing canvas/webgl to fit screen width and heigh
body: <p>Hi I am trying to get my canvas/webgl to fit the windows height and width to a 100% I have done this but if I resize the window from small to large it does not "scale/fit" the window anymore and remains small any idea's ? 
  JSfiddle: <a href="http://jsfiddle.net/jyr6y3fx/" rel="nofollow noreferrer">http://jsfiddle.net/jyr6y3fx/</a></p>
  
  <p>Code:</p>
  
  <pre><code>var  scene, renderer;
      var glitchPass;
  
              init();
              animate();
  
  
              function init() {
  
          renderer = new THREE.WebGLRenderer( { alpha: true } );  
  
                  renderer.setPixelRatio( window.devicePixelRatio );
                  renderer.setSize( window.innerWidth, window.innerHeight );
                  document.body.appendChild( renderer.domElement );
  
                  //
  
                  camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 1000 );
                  camera.position.z = 400;
  
                  scene = new THREE.Scene();
  
  
  
    // postprocessing
  
                  composer = new THREE.EffectComposer( renderer );
                  composer.addPass( new THREE.RenderPass( scene, camera ) );
  
                  glitchPass = new THREE.GlitchPass();
                  glitchPass.renderToScreen = true;
                  composer.addPass( glitchPass );
  
              }
  
  
  
              function animate() {
  
                  requestAnimationFrame( animate );
  
  
                  composer.render();
  
                  //renderer.render(scene, camera);
  
              }
  </code></pre>
  
  <p>Thank you in advance</p>