- Home /
Scaling UI is driving me nuts! How do I correctly scale?
I'm working on a mobile game and am very close to releasing it but I'm stuck with scaling it on multiple devices. I am using the letterbox tool from the asset store to scale the actual game graphics and that works fine, no complaints there. The issue is with the UI. I did some research and everyone seems to advocate using the canvas scaler component that scales based on screen resolution.
So far I have had no luck with it as it doesn't scale at all for me on devices that are smaller or larger then my target device rendering it useless. I have attached screenshots showing this issue, any help is really appreciated!
iPhoneXs resolution (this is how I want it to look): https://i.imgur.com/rgviF45.png
iPhone4s resolution (notice how the UI elements are off to the side and the text is squashed): https://i.imgur.com/mnwM3fA.png
iPad resolution (similar to iphone4s): https://i.imgur.com/f2Gic36.png