Javascript 具有块显示的画布在div和Canvas元素之间仍然有间隙
打开这个并检查元素,您会看到画布和顶部之间有一个间隙 如何消除这一差距Javascript 具有块显示的画布在div和Canvas元素之间仍然有间隙,javascript,css,html,canvas,Javascript,Css,Html,Canvas,打开这个并检查元素,您会看到画布和顶部之间有一个间隙 如何消除这一差距 <html> <title>Canvas demo</title> <body bgcolor="black" style="overflow: hidden"> <center> <div id="game_container"> <canvas id="canvas" style= "width: 780px; heig
<html>
<title>Canvas demo</title>
<body bgcolor="black" style="overflow: hidden">
<center>
<div id="game_container">
<canvas id="canvas" style= "width: 780px; height: 780px; cursor: none;">
</canvas>
</div>
</center>
</body>
<script>
var canvas = document.getElementById('canvas');
canvas.style.display = 'block';
</script>
在这种情况下,可以使用重置css
canvas {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
我猜是因为这个机构提供了违约保证金 试试这个 这应该可以解决问题
html,body,canvas{margin:0;padding:0;border:0;font-size: 100%;width:100%;height:100%;}