Change UI size dependent on screen resolution

Questions & Answers
1

Hi!

So I am making a game for mobile and want it to be able to run on phones and ipads. I have read tutorials about scaling for resolution and for the phones it all looks great. However, when I switch to the ipad resolutions the buttons are all really big which is not quite what I want.

For example there is a row of four buttons that on the phones fill the bottom of the screen but when I switch to ipad they still fill the bottom of the screen making them huge. I am wondering if there is a solution for which they scale correctly for the phones but I can check if it is an ipad being used and if so have them smaller of show a different canvas with different sized UI.

I hope that made sense and thank you for your time!

Hannah

2

Hello Hannah,
did you try playing around with Canvas Scaler? There should be an option called UI Scale Mode - Scale With Screen Size. This should help you solve the UI scaling problem. Not sure if it does work for mobiles, but I hope it’s similar…

3

I recorded some “life hacks” for you that I use myself. My English is bad, so it was easier for me to show.

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