Canvas too big for the camera in Unity

Question

I have created a 2D game with an orthogonal camera and using 16:9 display size.

I dragged my background image onto the hierarchy (it's about 2048x1152) and then set the camera size to be 22.5, which made it fit the background perfectly and displays just right.

However, when I add a Canvas for a UI it is absolutely giant, about 100 times bigger. It only becomes 'normal' size with respect everything else added when I set the camera to its default size of 5. So when I add a small graphic, it too becomes giant.

I'm simply following a book I read and I'm not doing anything to deviate.

Am I doing something wrong? Below is what I mean. The background image is the little image in the bottom right and the outlined rectangle is the canvas with a small graphic added.

Thanks.

Answer 1

To force your Hierarchy Canvas UI to the same resolution as the Camera View in your Unity Editor Scene window resolution (i.e. not ridiculously massive), or in other words get the Canvas to fit into the Camera size in the Scene, do the following:

1. Set the Canvas component's Render Mode to Screen Space - Camera.
2. Make sure you select or drag the relevant Camera from the Hierarchy to the Render Camera field in the Inspector.