色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

當我在Edge或Brave上運行代碼時，是什么導致我的畫布溢出屏幕？[重復]

CSS
江奕云2年前9瀏覽0評論

問題是，如果我不將顯示設置為阻止，畫布就會溢出屏幕，我在網上找不到這個問題的答案，所以我覺得我可能做錯了什么。我在Edge和Brave上測試這個，得到了相同的結果。

我能知道我的代碼有什么問題嗎:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />

    <title>Document</title>
  </head>
  <body>
    <canvas></canvas>
    <script src="script.js"></script>
  </body>
</html>

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}
/*
canvas {
  display: block;
}
*/

const canvas = document.querySelector("canvas");

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

這是密碼筆鏈接

我試著運行提供的代碼，并期望畫布適合屏幕，沒有任何滾動條或溢出。

看起來canvas元素確實需要display: block(因為默認情況下它不是塊級別的)或者我們需要通過轉換& lt！DOCTYPE html & gt到& lt！DOCTYPE html5 & gt