Why is the gui bigger on my phone?

so when i play on my pc, the gui looks like this!


good right? well
when i clikc play on my phone like if im on my phone playing my game the gui looks like this

why dose it look. like this like diff?

Whats the script? It looks like it’s the text. (Not a expert at scripting btw)

Are you using the UDim2 Size or Scale part for your GUI dimensions?

its not the script i scripted it all by myself, and no were did i put something like that

ummm, ive dont think so, IDK what that is sorry

You might wanna use this plugin to scale down UI elements like these, I’ll share you a link to it below!

I use it all the time, and it is handy!

Link: https://www.roblox.com/catalog/1496745047/AutoScale-Lite

ok thanks!
thank you so much ill try it out!

1 Like

wait dose it like help with making so its like the same size as on the phone as on the pc?

Yes, it will convert the position of the UI element and size of it as well to fit on all devices to nothing is too big or too small.

Also, don’t position things inside the main UI in things, just size them.

The image below me shows MageUI, size and position that and everything inside of it has to be sized, not positioned.
image

Make sure you use what I call UI scaling. Make sure your GUIs are e.g. {0.5, 0,.5, 0}. Make sure you don’t drag the little squares because it doesn’t actually scale for devices, big and small. Use the x and y as said in the example.

The issue here isn’t the UI it’s the Text size. The best way to minimize the issue is to use a UITextSizeConstraint to atleast put a limit to how big or small the text can get. Except I have never tested with this so I’m not sure if the outcome will be extraordinary.

Also, make sure the TextScaled option is ticked since that will help with text scaling.

In general making UIs will take a bit of practice and Text tends to be the hardest to UI element to work across platforms.