At first, here is the tutorial for a nice game structure in HTML5 and Javascript:
http://channel9.msdn.com/posts/HTML5-Games-Yeti-Style-Part-1-of-4
In the description is a link to the whole source code, images and more for this game, for free to download & test.
http://yetibowl.codeplex.com/SourceControl/latest#README.md
Thats the link, so u can test it by yourself if u want. It should be easier to help me with the following question.
I got the Windows Phone Lumia 1020.
The resolutions for all virtual machines in that projectfile, are working correctly.
If i am going to try it on my device, the resolution doesnt fill the whole screen. I tried a lot to get that code working on my phone correctly, but i dont get the solution.
take a look into the " scaling.js " file.
it seems to work on all "older" phones, what should be changed in it to bring the correct size on all WP's?
for the people which dont want to download that files, you can take a direct look at the code online:
http://yetibowl.codeplex.com/SourceControl/latest#YetiBowl_WP8/Yeti/Html/js/scaling.js
Then the scaling relevant CSS file for the canvas/container/buttons:
http://yetibowl.codeplex.com/SourceControl/latest#YetiBowl_WP8/Yeti/Html/css/stylesheet.css
At last the HTML code where you can take a look at the canvas size configurations:
http://yetibowl.codeplex.com/SourceControl/latest#YetiBowl_WP8/Yeti/Html/game.html
So if this is fixed, it may help a lot people to use this whole HTML5/JS game, as a template to make your own game!
I hope here are some experts, which can help with this problem.
Thank you for your time.