Black border on smartphone?

Hello!

I made a small game for smartphones and got an issue when playing it on Android.

There is a border around the complete screen, above and next to the game. Anyone knows how I can solve it?

Why won't it just expand that window to fit the full screen size of my phone?

I used Intel XDK and set it to "fullscreen", portrait mode.

Check in C2 in Project Properties under Full Screen in Browser. Playing with that will allow you to have the control over filling the borders.

Which of them do I have to pick? It is on latter box scale.

Which of them do I have to pick? It is on latter box scale.

I usually pick Scale Outer. This way, if you set Window Size to, for example, 1080 x 700 but the device has screen of size 1080 x 720, the remaining 20 px will be filled with layout.

Sometimes I also add a sprite to the centre of the layout and add Scroll To behaviour. This way, the layout expands all around the screen (and the centred elements stay centred) instead of only down and right (where I have to reposition them).

Maybe experiment a bit, you will already see differences when running a preview in broser by resizing the browser.

It's worth having a read through this tutorial as well to get an idea of how all the different browser modes work:

https://www.scirra.com/tutorials/73/sup ... reen-sizes