当我打开eclipse时,我得到了1个Java构建路径问题:构建路径指定了执行环境JavaSE-1.6.工作区中没有安装与此环境严格兼容的JRE.
现在我尝试查看答案和其他问题,但所有答案都是基于已经获得的关于编程等知识.请帮我逐步解决这个问题.
我拥有的:
一个简单的测试css网格显示的网站。还有一个画布元素,它应该用 id "content" 填充 div 元素(下面的片段)
问题是什么:
一旦我添加了画布元素,网格系统的比例就不再正确。您可以在下面的代码片段中亲自测试并查看它,只需删除画布元素并将其放回原处。
我尝试过的:
题:
如何让画布填满整个网格区域的“内容”,而不拉伸画布并且不使网格本身不成比例?
额外的
感谢您的时间。
var canvas = document.querySelector("#canvas");
var div = document.getElementById("header");
var div2 = document.getElementById("content");
canvas.width = div2.clientWidth;
canvas.height = div2.clientHeight;Run Code Online (Sandbox Code Playgroud)
canvas{
background: green;
}
.site
{
width: 100%;
height: 100%;
display: grid;
grid-template-rows: 33%, auto, 33%;
grid-template-columns: 33%, auto, 33%;
grid-template-areas:
"header header navbar"
"c c sidebar"
"footer footer footer";
}
#header
{
grid-area: header;
background: rgb(255, 0, 0); …Run Code Online (Sandbox Code Playgroud)