Hi guys,
I have created some input fields in the DOM and I place them above my phaser game with css. In my game I use
game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
so I use media queries to control the position of the input fields.
I do it like this =>
#inputs {
position: absolute;
top: 30%;
left: 40%;
width:100%;
}
@media only screen and (max-width: 560px) {
#inputs{
top: 35%;
left: 20%;
transform: scale(0.8,0.8);
}
}
But it is almost impossible to follow the Phaser scaling!If you have any tips, please share!