javascript - 在 chrome 中工作的边界框高度在 Jsfiddle 中不起作用

Question

我刚刚做了一个类似打地鼠的游戏，其中的方 block 会在指定时间高亮显示 并且用户继续点击 block 。一旦成功点击 10 次，游戏就结束了。 问题是该游戏可以在 chrome 中运行，但不能在 jsfiddle 中运行。

主要问题出在下面的代码上

var addCss = function(oneDivSize,element,rowIndex,colIndex){
    element.style.width = oneDivSize+'%';
    element.style.height = oneDivSize+'%';
    element.style.borderWidth ="1px";
    element.style.borderColor ="green";
    element.style.borderStyle ="solid";
    var boundingRect = element.getBoundingClientRect();
    element.style.position ="absolute";
    element.style.left =colIndex * boundingRect.width+"px";
    element.style.top =rowIndex * boundingRect.height+"px";       
};

boundingRect.height 返回 2 px

但相同的代码在 chrome 中可以正常工作。

提前致谢

问候，

亚历克斯

Answer 1

我已经解决了这个问题 通过将 getBoundingBox 替换为 window.innerHeight。

问候 亚历克斯