获取屏幕上元素的宽度

Question

为了在画布中提供全部质量，我想使用画布将在屏幕上使用的实际像素量。我编码的网页内容固定为465px。但你可以想象一下，465px的画布不是很好。而且由于现代显示器具有更多的像素，我想我可以利用这个优势。 我尝试了不同的东西，如innderWidth，clientWidth和普通宽度，但没有任何效果。当我用不同的缩放重新加载浏览器时，我真的需要一个更改的功能。

HTML：

<div id="myTargetDiv"></div>

使用Javascript：

<script>
    $("#myTargetDiv").html("<canvas id='myCanvas' style='widt: 100%" width="
        + document.getElementById("contentMain").clientWidth + "' height='"
        + document.getElementById("contentMain").clientheight
        + "'>Your Browser does not support the HTML5 canvas tag</canvas>");
</script>

如果您能在JS或Jquery中提供解决方案，我会很高兴

Answer 1

将元素的宽度和高度设置为100％。但要确保所有父元素也是100％宽度/高度。

html, body, #myTargetDiv {
  width: 100%;
  height: 100%;
}