UI Scaling Issues

Help and Feedback Art Design Support
1

i’m building a Roblox game where the UI is meant to cover the full screen. I tried to use a Size of {1, 0}, {1, 0} to fill the screen, but on different screen resolutions, especially mobile vs PC, the UI background gets distorted or stretched.

i already tried using an UIAspectRatioConstraint as well, but the problem with that is it legit just doesn’t cover up the whole screen like i want it to.

i want the background to maintain its original resolution and aspect ratio (like 16:9) no matter what device the player is using, similar to how AAA games like Zenless Zone Zero display full-screen UIs that look clean and proportionally correct on all devices.

so far, I’ve tried full scaling but it stretches things, and I’m not sure what the best way is to handle this in Roblox. I’m looking for ways to:

  • Maintain aspect ratio without distortion
  • Support all screen sizes (mobile, tablet, PC)
  • Still have a UI that feels “fullscreen”

any help i would appreciate it pls!

2

try the scalling plugin, maybe the unit conversion will help

this one especially:

image

and after that put UIAspectRatioConstraint into the frame that you want to be fullscreen and scale it in this:

image
image274×303 5.61 KB

(this worked for me once)

3

Okay so if the issue is it stretching, you can change the images scaling type in properties