Why does my scene looks different when I run a WebGL build ?

Questions & Answers
1

I’m new to the forum, as well as to the whole engine (I’m also brazilian;forgive me for any misspelling) and I thought my game was doing fine until I tried to run the WebGL build of it.
When I tested the game in Unity’s preview it looked fine, in spite of it, when I ran the game on chrome, the screen shrinked and the UI had scaled up to the point some text’s wouldn’t get fully displayed.
Just as an example, here is how the instruction scene should look like:

110839-ex1.png

It’s displayed like this on browser, instead:

110840-ex3.png
110840-ex3.png989×653 65.7 KB

Other scenes showed the same problem (In the main scene the players are placed out of the main camera).
I’m afraid this has something to do with the canvas and I end up needing to do all over again. Can anybody help me out with this ? ( I really don’t want to do the UI again)

2

It is canvas scaler, you need to set that from Constant pixel size to Scale with screen size. Once you do that, you will have to do minor changes with the children of the canvas. Should be easy hopefully.