Question

我只是做了一个像鼹鼠一样的游戏，其中块在指定的时间突出显示并且用户继续点击块。一旦成功点击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

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

此致亚历

在Chrome中工作的边界框高度在Jsfiddle中不起作用

1 个答案: