将浏览器高度和宽度应用于 div

Question

我可以知道为什么我的 div 块没有显示吗？ 谁能给我解释一下？ https://jsfiddle.net/sw64j5qc/8/

function deviceSize() {
var myWidth = 0, myHeight = 0;
var block = document.getElementById("test");

if( typeof( window.innerWidth ) == 'number' ) {
  //Non-IE
  myWidth = window.innerWidth;
  myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  //IE 6+ in 'standards compliant mode'
  myWidth = document.documentElement.clientWidth;
  myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  //IE 4 compatible
  myWidth = document.body.clientWidth;
  myHeight = document.body.clientHeight;
}
block.style.width = myWidth;
block.style.height = myHeight;

window.alert( 'Width = ' + myWidth );
window.alert( 'Height = ' + myHeight );

} deviceSize();

Answer 1

您只是将数字传递给属性，而不是传递指定像素的字符串：

block.style.width = myWidth + "px";
block.style.height = myHeight + "px";

Answer 2

您的 div 没有任何内容，如果您尝试会发生什么

<div id="test" style="background-color: #000;">Some content here</div>