это простая html5 страница, но когда я показываю ее на iphone, появляется поле верхнего поля
<!DOCTYPE HTML>
<html>
<head>
<meta charset = UTF-8 />
<meta name="viewport" content="target-densitydpi = device-dpi,width=device-width,content=user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title></title>
<script type="text/javascript">
window.onload = function() {
var audio = document.createElement("audio");
document.body.appendChild(audio);
var c = document.createElement("canvas");
c.width = 320;
c.height = 480;
c.style.background = "blue";
document.body.appendChild(c);;
}
</script>
</head>
<body style="margin:0"></body>
в чем причина этого и как я могу удалить это верхнее поле благодаря