我有两个这样的div标签：
<div class="cl1">
<div class="cl2">
<canvas id="testcanvas"/>
</div>
</div>
div.cl1在css中有宽度和高度
width: 100%;
height: 100%;
div.cl2没有，我猜它会使用默认的宽度和高度。
但是当我使用这个
时width: 100%;
height: 100%;
在画布#testcanvas中它的高度不是div.cl1的100％，它只有30％左右;像这样
绿色是画布#testcanvas和div.cl2
蓝色是div.cl1;
所以div标签如何计算默认高度。
当我删除<!DOCTYPE html>时，在画布#testcanvas中它的高度为100％div.cl1，我认为有不同的行为我不知道
答案 0 :(得分：0)
宽度和宽度应明确设置HTML5画布元素的高度，因为它定义了渲染上下文的区域。例如。 ...
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
...例如，将为您提供整页画布。
CSS宽度/高度仅是显示属性，如果在画布上没有设置宽度/高度，它将解析为该设备/浏览器的默认大小。在移动设备上可能需要一些额外的调整大小来覆盖方向变化。
答案 1 :(得分：0)
相对于父dom对象的宽度和高度。
第一个是高度，然后是......
所以，如果你使用身高：100％;你必须设置html，body和你的任何其他容器元素的高度。