How do I make sure that the entire UI always fits in the frame?

Unity Engine
, , ,
1

I have a panel with a button and text that I want to put in a scrollview. I have uploaded the prefab of the desired panel to content, but if I switch to freeaspect (screen resolution), then part of the image becomes invisible. I want everything to scale so that the entire panel is visible in the frame and doesn’t go anywhere. How to do it?

Photo 1. It can be seen that the resolution is 1920 by 1080. Everything is displayed well (almost, for some reason the panel is attached to the left, and not in the center)

photo_2025-07-06_21-42-19
photo_2025-07-06_21-42-191280×781 49.4 KB

Photo2. I change the resolution to freeaspect, and as you can see, part of it becomes invisible.

photo_2025-07-06_21-43-38
photo_2025-07-06_21-43-381280×579 70.7 KB

here are the object settings

image_2025-07-06_21-47-21
image_2025-07-06_21-47-213837×1255 276 KB

image_2025-07-06_21-47-36
image_2025-07-06_21-47-363840×1464 363 KB

2

How the UI scales with screen resolution and aspect ratios is determined by the Canvas Scaler.

With UI Toolkit this is trivial since it’s the default, you get all flex style options to align items and children and instantly see how this affects the layout since within UI Builder UI layouting is interactive.