Question

我正在尝试在iPhone Safari中使用<canvas>，如果我将元素放在正文中，则元素的左侧和顶部都有未使用的像素。我尝试用CSS指定margin:0;padding:0无济于事。

这里发生了什么？

<html>
<head>
        $(document).ready(function()
        {
            $('#screen').attr("height", $(window).height() );
            $('#screen').attr("width", $(window).width() );

            //prevent scrolling
            $(document).bind('touchstart touchmove', function(e)
            {
                e.preventDefault();
            });
        });
    </script>
</head>
<body>
<canvas id = "screen">
</canvas>
</body>
</html>

Answer 1

margin，padding和border无效。

使用position:absolute; top:0;left:0

Answer 2

添加<style>* {margin:0;padding:0;border:0;position:absolute;width:100%;height:100%}</style>

画布元素覆盖整个屏幕？

2 个答案: