Javascript С；SS为什么с；anvas不是sс；阿林

我想根据画布的宽度缩放画布的高度，但现在很奇怪。我不能删除width=“1200”height=“1000”，因为它对其他代码很重要

。响应框{
位置：相对位置；
宽度：60%；
}
.响应框：：之前{
内容：“；
显示：块；
垫面：50%；
}
.帆布{
浮动：左；
排名：0；
左：0；
底部：0；
右：0；
宽度：100%；
身高：100%；
背景:#333333；
}

您正在使用.class=“

canvas

”将值分配给元素，而不是使用#id=“

canvas

”

将值分配给elemnto，我也注意到了CSS错误，但一旦我更改了它，它仍然没有解决问题。不过，我还是能让它工作

CSS应该是：

.responsive-box {
  position: relative;
  width: 80%;
}

这里的代码是干什么用的？你想把盒子放在页面中央吗

/* 
.responsive-box::before {
  content: "";
  display: block;
  padding-top: 50%;
} */

#canvas {
  display: block;
  max-width: 100%;
  background: #333333;
}

您还拥有以下代码：

top: 0;
left: 0;
bottom: 0;
right: 0;

你为什么要宣布所有方面？你只需要2个。你想把画布放在页面中间吗？

---

看看这个：

你应该用一个代码的例子来充实你的答案。