Phaserjs scaleManager在舞臺上添加白色條紋

Question

我正在使用Phaser.js v2.6.2。當我嘗試使用this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;時，它會在舞臺區域的頂部添加一條白色條紋。如果我刪除this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;白色條消失但舞臺不縮放。

我不知道是什麼問題，我需要一些幫助。截圖附上。

我的代碼是

var game = new Phaser.Game(800, 250, Phaser.AUTO, '', { preload: preload, create: create, update: update }); 

function preload() { 
    game.load.image('background', 'images/gamebg1.jpg'); 

} 

function create() { 
    game.add.sprite(0, 0, 'background'); 
    this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; 
    this.scale.pageAlignHorizontally = true; 
    this.scale.pageAlignVertically = true; 
} 

function update() { 
} 

注意：只有在仿真器視圖，鉻發生。

Answer 1

我也有類似的問題。我認爲它必須處理頁面給HTML或body標籤的邊距和/或填充。 嘗試添加一些造型，以html和body元素，讓像這樣margin和padding 0：

<style> 
    * { 
     padding: 0; 
     margin: 0; 
    } 
    </style>