Question

这是简单的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>

这是什么原因以及如何删除此上边距谢谢

Answer 1

这个问题不存在android和三星bada我找到了一个像这样的解决方案

audio.style.display = "absolute";
audio.zindex = "-1";

现在音频元素位于canvas元素后面，它可以像我想要的那样工作

HTML5声音增加了iPhone上的顶级边距空间

1 个答案: