我正在构建一个旨在用于移动设备的移动应用程序。我从 angular material-start示例应用程序开始,并开始根据我的需要对其进行修改。我现在想要的是有一个带有全屏画布的页面。
问题是我不知道如何让画布填满整个屏幕。问题显示在这里(红色部分是画布):
我在画布上有这样的样式:
#gameCanvas{
width: 100%;
height: 100%;
background-color: red;
color: red;
}
但由于某种原因,这行不通。
我这里有一个 CodePen 。