HTML5 - How to change the screen size of the application

jeromegsq

Hello everyone,

My game is made for smartphone in portrait mode.
I want to integrated it into my website inside a smartphone png like this : http://onlinewordhunt.com/
How can I do that ?

Thank you very much ! >-

http://toastappstudio.xyz/

ar2rsawseen

Roughly, you need to have some HTML and CSS knowledge, to add image and position an iframe within the phone frame's image.
Then simply provide url to your gidero app in the iframe and it will be loaded there, and that's it

mertocan

Hello,

There are 2 ways to achieve this.

1- As @ar2rsawseen said, you can add it as iframe.

2-
you can import your game html file as object to another html. By this way, you can resize it.

<object width="400" height="400" data="game.html"></object>

jeromegsq

@mertocan : Good idea, but I have scrollbars, how to remove it please ?

mertocan

Where are the scrollbars? With some css you can remove it.

Or,

Scrollbars are shown if the game size is bigger than the container. So, If you decrease game size or if you increase container size, scrollbars will be removed automatically.