Hi everyone, first post in the community,
I'm currently trying to do a little game using EaselJS but I really lack of knowledge about HTML5 and how to handle mobile device. I found some games on itch.io that works very well but they use a different framework like Phaser or Construct 2. For exemple, Tresure Hunter resize correctly in all the browser I tested (Safari, Chrome on windows desktop, Androïd).
Because they use the different framework, it's hard to figure out what they really does for resize correctly..
What I do for the moment is get the width and the height from the body of the itch.io for resize the canvas, but I think that's a bad idea.
Also, I think I've a problem that looks like the one described on Stack Overflow :
Here is the meta tags I use in my index.html file :
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="true">
<meta name="mobile-web-app-capable" content="yes">
I admit I stoled these lines in the index.html file from the game Teasure Hunter, I don't understand everything
The canvas in a <div> :
<canvas id="canvas" width="1024" height="720" >
And Here is the CSS code I use :
In advance, thanks for your help and sorry for my bad english ! :s