Unity UI Scaling across screen sizes

Unity Engine
,
1

Hello everyone,
I recently moved my project folder from my desktop computer to my laptop and I am having issues with the UI. The text and bars appear too big and don’t fit their boxes, after playing with the canvas scaler by trial and error I was able to make them look correct again but when I play at different resolutions/screen sizes they are messed up again. I am only targeting computer screens, not mobile/tablet.

For example this is what constant physical size does:

1002×143 85.6 KB

This is what constant pixel size does:
967×141 86.5 KB

And this is the correct size after trial and error with scale with screen size:
976×130 86 KB

There must be a better/proper way to get the UI to look the same across different resolutions and aspect ratios…

2

If you understand how rectTransforms and scale system works, you should be able to make an resolution independant UI in no time. Trust me, NUI is a good system.

3

If you haven’t yet, I’d head over to Learn game development w/ Unity | Courses & tutorials in game design, VR, AR, & Real-time 3D | Unity Learn

There’s more to it than just the canvas scaler. To get your UI resizing nicely you’ll need to consider things like anchoring. But all this is covered in the tutorials.