为什么 window.innerWidth 是错误的?

发布于 2025-01-20 23:29:08 字数 440 浏览 0 评论 0原文

我正在尝试制作帆布JavaScript游戏,所以我在代码中添加了

window.addEventListener("resize", () => {
  console.log("resi2ze");
  canvasElement.width = window.innerWidth;
  canvasElement.height = window.innerHeight;
});

它 (例如,身体高度为465px,帆布高度为462px)。我该如何防止它,因此帆布高度与窗户高度相同?

I'm trying to make a canvas JavaScript game, so i added this in code

window.addEventListener("resize", () => {
  console.log("resi2ze");
  canvasElement.width = window.innerWidth;
  canvasElement.height = window.innerHeight;
});

But when I resize browser window, canvas height is bigger than body height
(for example, body height is 465px, and canvas height is 462px). How can I prevent it, so canvas height would be same as window height?
image example

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

请远离我 2025-01-27 23:29:08

看起来滚动条本身就是一个问题,因为它添加了很少的像素。
我总是将 overflow:hidden 添加到正文,这样滚动条就不会显示。

Seems like the scrollbar itself is an issue, because it adds few pixels.
I always add overflow: hidden to body so scrollbar doesn't show up.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文