Получение на экране Ширина элемента

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%; 
}