ウィンドウ（ブラウザ）だけでなく、ページ（ドキュメント）の幅と高さを100％にするにはどうすればよいですか？

Question

私はバックグラウンドとして使用したいと思っているわずかな瞬間のアニメーションを持っていますが、現在のところ、ブラウザのウィンドウを満たしているだけで、ページ/ドキュメント全体を埋めるようにしたいというコードがあります。

誰でも手助けできますか？ここJSFiddle - https://jsfiddle.net/83aahcng/1/

<div id="container"> 
    <canvas id="pixie"></canvas> 
    <div class="content"> 
    <p>This is some content</p> 
    </div> 
</div> 

Answer 1

以下のようなあなたの setDimensionsを変更

：

function setDimensions(e) { 
var body = document.body, 
    html = document.documentElement; 
      WIDTH = window.innerWidth; 
      HEIGHT = Math.max(body.scrollHeight, body.offsetHeight, 
         html.clientHeight, html.scrollHeight, html.offsetHeight); 
      container.style.width = WIDTH+'px'; 
      container.style.height = HEIGHT+'px'; 
      canvas.width = WIDTH; 
      canvas.height = HEIGHT; 
     } 

https://jsfiddle.net/83aahcng/2/

を