javascript - iOS 设备上使用 CraftyJS 的场景大小

Question

我正在尝试使 CraftyJS 场景大小为 100x100 像素，以便在 iOS 上的移动 Safari 中显示为 100x100 像素。

代码本质上是这样的:

function init() {
// Start crafty     
Crafty.init(100, 100);
Crafty.canvas.init();
Crafty.background('#eeeeee');
Crafty.e('2D, Canvas, Color').attr({x: 0, y: 0, w: 10, h: 10}).Color('black');
}

在桌面上它工作正常。在移动 Safari 上，它会调整为一些不同的大小。我试图摆弄视口(viewport)元标记，但 Crafty 似乎有自己的设置。感谢任何帮助或指向正确方向的指示。

Answer 1

JS 代码看起来不错，您的视口(viewport)设置应如下所示，以确保设备不会尝试缩放页面以适应:

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">