How to adapt html5 game for mobile devices?

Question

JavaScript

Hello everyone, I'm learning to develop html5 games. I use constructors like Game Maker Studio and Tululoo Game Maker.
In the browser on the PC, everything is fine, but in the mobile browser, the "canvas" of the game goes beyond the browser. Because the dimensions are fixed in pixels. And if I set the width and height through css for canvas, let's say 100%, until all the sprites spread. Teach how to properly adapt the game for mobile? Or how to make a mobile version separately, and so that, for example, depending on the device, a PC or a mobile one is launched.

Answer 1

You need to solve the "rubber" canvas sizing problem with RELATIVE! binding all sizes of sprites and objects to the playing field.