html5页面手机屏幕大小,基于手机屏幕动态设置HTML5画布的大小

我想为Phonegap制作一个移动网页，它包含一个标题和一个上下文，上下文包含一个画布。 我想让canvas充满内容div的100％，并且内容div适合整个屏幕的80％。基于手机屏幕动态设置HTML5画布的大小

这里是我到目前为止的代码

I am the Header

map.onload = map.onrezise = function(){

var canvas = document.getElementById("map");

canvas.style.position = "fixed";

canvas.setAttribute("width", map.innerWidth);

canvas.setAttribute("height", map.innerHeight*0.8);

canvas.style.top = map.innerHeight * 0.2 ;

}

我得到的是一个黑色帆布，不应用新的大小，顶部的风格不适用。

感谢您的帮助提前。