画布中的额外边距

我正在试图制作完美适合方形浏览器的画布。问题是继续在屏幕的顶部和左侧获得这个额外的余量，我无法摆脱它。任何想法如何我可以解决这个问题？画布中的额外边距

代码

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="utf-8"> 
</head> 
<style type="text/css"> 

#gameCanvas { 
    background-color: blue; 
} 

</style> 

<canvas id="gameCanvas"></canvas> 
<script type="text/javascript"> 
    var canvas = document.getElementById("gameCanvas"); 
    canvas.width = window.innerWidth; 
    canvas.height = window.innerWidth; 
</script> 
<script src="cocos2d.js"></script> 
</body> 
</html>

来源

2017-06-04 Anters Bear

正如@Katherine黄说，浏览器都有默认的样式表，其中包括边界，补...

您可以设置此：

html, body{ 
    margin:0; 
    padding:0; 
} 
#gameCanvas{ 
    margin:0; 
    padding:0; 
    background-color: blue; 
}

现在，你将不得不设置每一个具体边距和补新元素，因为默认情况下他们将有0.

来源

2017-06-04 14:11:54 Jancker

浏览器都有默认的样式表，其中包括利润率，填充等。试试这个：

body { 
    padding: 0; 
}

一般来说，重设默认样式时，CSS重设会派上用场。

来源

2017-06-04 13:54:56

似乎无法工作：（ –

* * padding：0; margin：0;}'？'*'是通用选择器，所以这将为所有元素设置填充和边距为0 TS。 –

画布中的额外边距

回答

相关问题