Question

我创建了一个新的动力学舞台，在Chrome上它运行良好。在iPad上，当我使用Safari的开发人员工具并连接到iPad并检查创建的DOM时，新阶段的尺寸不是我指定的尺寸。

另请注意：如果我指定宽度和高度的实际数字并不重要。同样的问题，iPad上的舞台总是768 x 361。

 //////    STAGE    /////////

  var stage = new Kinetic.Stage({
        width: window.innerWidth,
        height: window.innerHeight - 200,
        container: 'kineticStage',
        draggable: true
      });

//注意：以下行在桌面浏览器控制台中报告，其阶段高度完全符合我的预期。

console.log(stage.getHeight()); // reports (screenheight - 200)

但是，Safari开发工具会在iPad上的DOM中报告以下内容......

canvas width =“768”height =“361”style =“padding：0px; margin：0px; border：0px; background-color：transparent; position：absolute; top：

还有一件事......如果我添加这个功能......

function resize() {

    stage.setWidth(window.innerWidth);
    stage.setHeight(window.innerHeight-200);
    stage.draw();

};

window.addEventListener('resize', resize, false);

然后旋转iPad，然后画布正确调整大小。但是，从来没有第一次加载...

有什么想法吗？

Answer 1

好的我在试图找到问题2天后发布了这个，突然我发现它是这样的：

<meta name="viewport" content="width=device-width">

删除该行可解决问题。

iPad上的Kinetic JS舞台大小不正确

1 个答案: