Here's a quick snippet to make Phaser games scale to fit the screen:
// inside create() function game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL; game.scale.pageAlignHorizontally = true; game.scale.pageAlignVertically = true; game.scale.setScreenSize(true);
Phaser.ScaleManager controls the scaling - the three values are:
EXACT_FIT- expand width and height to fill all available space; ratio is not preserved;
NO_SCALE- don't scale at all;
SHOW_ALL- scale to fill the screen while preserving the ratio.
pageAlignVertically add padding around the game to position it in the centre of the screen; either or both of these can be
false to prevent padding from being added.
setScreenSize(true) activates these changes.