Change UI size dependent on screen resolution

I recorded some "life hacks" for you that I use myself. $$anonymous$$y English is bad, so it was easier for me to show.

https://www.youtube.com/watch?v=I$$anonymous$$s-1Gtsn8A

Some clarifications on the video. I change the size by holding the Shift. Drag and drop the element holding Shift + CTRL.

I think the key insight you need here is that it's not just about screen resolution, it's also about physical screen size. You can work out the latter using Screen.dpi.


It sounds like you're going to want your buttons to scale differently on larger devices.

One way of handling this would be to create a script which allows you to define maximum and/or $$anonymous$$imum physical dimensions for a UI element and which, on Start(), clamps its size in pixels so that its physical size falls within those bounds. But how good this is going to end up looking and how complicated things are going to get will depend on how your UI hierarchy is set up (eg you might need to move things as well as adjusting their size).

Another way would be to set up 2 or more alternate UIs (or UI sections), and only have one of them active (choosing which one on Start(), depending on the physical screen size).